javascript学习笔记整理(概述、变量、数据类型简介)


Posted in Javascript onOctober 25, 2015

A.概述
1.输出工具:

document.write()---可以是html

alert()---字符串

prompt(text,defaultText)

text---可选。要在对话框中显示的纯文本(而不是 HTML 格式的文本)。

defaultText---可选。默认的输入文本。

2.js的放置

a.可以再HTML的任何位置放置

b.但他是一个整体,相互影响

c.在超链接和重定向的位置

<a href="javascript:alert();"></a>
<form action="javascript:alert();"></form>
<div onclick="alert()"></div>

********IE下可行,不推荐使用********
<div id="one"></div>
<script for="one" event="onclick">
alert(111);
</script>

d.调用外部javascript文件

<script src=""></script>

1.调用的js标签内不能出现任何代码

2.js脚本内不能出现<script>标签

3.还是相互联系、影响的
3.注释
a.对旧的浏览器

<!-- -->

*如果旧浏览器不识别JS,就注释
b.真正的注释

行内注释 //

块注释 /* */

B.变量

1.命名规范
a.严格区分大小写
b.变量的命名必须以 字母 或 _ 或 $ 开头;余下的部分可以是任意的字母、数字、_ 、$
c.不能用 关键字 或者 保留字 命名

关键字:for、if、try等

保留字:byte、char、class等
d.命名规范

驼峰命名法: getElementById

首字母大写: Object

有意义的命名:name、age
2.变量:可以存储数据的一个变量
a.变量如何创建(**必须以var关键字来修饰**)

先声明,后赋值:var a;a=3;

声明赋值同时进行:var a=3;

一次声明多个变量:var a,b,c;

一次声明多个变量并赋值: var a=1,b=2;
b.如何覆盖已有的变量

1.如果从新声明改变量而没有赋值,该变量的值不会改变

var a=1;var a; 结果a=1;

2.如果从新声明改变量并且赋值,该变量的值改变为新的变量值

var a=1;a=3; 结果a=3;

3.不用关键字var修饰变量

a;alert(a); 报错

a=1;alert(a) 结果:1

如果不用var修饰,且没有赋值---报错;有赋值,js会当做全局变量,不会报错。(后者不推荐)

C.数据类型

typeof()操作符:用来检测数据类型的一元运算符,并且返回的结果始终是字符串
isNaN() 函数用于检查其参数是否是非数字值
1.初始类型
a.undefined--变量创建后没有赋值,其默认值就是undefined
b.null--什么都没有,仅一个占位符
c.number--整形、浮点型;支持二、八、十、十六进制,都是按十进制输出;特殊的值

1.二、八进制:以0开头

2.十六进制:以0x开头

3.特殊的值:

最大:Number.MAX_VALUE

最小:Number.MIN_VALUE

无穷大:Infinity

无穷小:-Infinity
d.string--单双引号包围的字符串,还包括一些特殊字符

1.单双引号的效率一样的(不同于PHP)

2.只能成对出现,不能相互交叉使用

3.可以相互嵌套 var a="a '11' ";

4.特殊字符

\n 换行

\t 制表符

\b 空格

\r 换行

\' 单引号

\" 双引号

\\ 斜杠
2.引用类型

类型 typeof返回值
undefined undefined undefined
null null object
boolean ture,false bollean
string 在单双引号之间的值,特殊符号 string

初入前端,写的东西有不足或者错误信息还望各路大神指点指点,共勉进步。

Javascript 相关文章推荐
比较详细的关于javascript 解析json的代码
Dec 16 Javascript
javascript是怎么继承的介绍
Jan 05 Javascript
JsRender实用入门教程
Oct 31 Javascript
jQuery获得包含margin的outerWidth和outerHeight的方法
Mar 25 Javascript
js代码实现无缝滚动(文字和图片)
Aug 20 Javascript
不同js异步函数同步的实现方法
May 28 Javascript
JavaScript实现打开链接页面的方式汇总
Jun 02 Javascript
原生JS轮播图插件
Feb 09 Javascript
JavaScript实现焦点进入文本框内关闭输入法的核心代码
Sep 20 Javascript
Angular2 父子组件通信方式的示例
Jan 29 Javascript
微信小程序实现多行文字滚动
Nov 18 Javascript
vue中控制mock在开发环境使用,在生产环境禁用方式
Apr 06 Vue.js
js实现跨域的几种方法汇总(图片ping、JSONP和CORS)
Oct 25 #Javascript
详解JavaScript编程中的数组结构
Oct 24 #Javascript
向JavaScript的数组中添加元素的方法小结
Oct 24 #Javascript
jQuery实现鼠标经过事件的延时处理效果
Aug 20 #Javascript
使用jquery动态加载Js文件和Css文件
Oct 24 #Javascript
JavaScript中数组的合并以及排序实现示例
Oct 24 #Javascript
使用javaScript动态加载Js文件和Css文件
Oct 24 #Javascript
You might like
PHP4和PHP5共存于一系统
2006/11/17 PHP
来自phpguru得Php Cache类源码
2010/04/15 PHP
php模拟post行为代码总结(POST方式不是绝对安全)
2012/02/22 PHP
PHP调用Linux命令权限不足问题解决方法
2015/02/07 PHP
Laravel 5框架学习之环境与配置
2015/04/08 PHP
yii2整合百度编辑器umeditor及umeditor图片上传问题的解决办法
2016/04/20 PHP
PHP三种方式实现链式操作详解
2017/01/21 PHP
PHP实现删除多重数组对象属性并重新赋值的方法
2017/06/07 PHP
PHP实现简易用户登录系统
2020/07/10 PHP
jQuery 选择器理解
2010/03/16 Javascript
ECMAScript6块级作用域及新变量声明(let)
2015/06/12 Javascript
shiro授权的实现原理
2017/09/21 Javascript
微信小程序返回多级页面的实现方法
2017/10/27 Javascript
Vue中的Vux配置指南
2017/12/08 Javascript
promise和co搭配生成器函数方式解决js代码异步流程的比较
2018/05/25 Javascript
jQuery实现输入框的放大和缩小功能示例
2018/07/21 jQuery
jQuery实现轮播图及其原理详解
2020/04/12 jQuery
vue全局使用axios的方法实例详解
2018/11/22 Javascript
vue和小程序项目中使用iconfont的方法
2020/05/19 Javascript
Python读写Json涉及到中文的处理方法
2016/09/12 Python
Python简单获取二维数组行列数的方法示例
2018/12/21 Python
pytorch绘制并显示loss曲线和acc曲线,LeNet5识别图像准确率
2020/01/02 Python
Python 3.8 新功能大揭秘【新手必学】
2020/02/05 Python
Python requests模块基础使用方法实例及高级应用(自动登陆,抓取网页源码)实例详解
2020/02/14 Python
PyQt5.6+pycharm配置以及pyinstaller生成exe(小白教程)
2020/06/02 Python
Pygame框架实现飞机大战
2020/08/07 Python
纯css3实现的鼠标悬停动画按钮
2014/12/23 HTML / CSS
html5 利用canvas手写签名并保存的实现方法
2018/07/12 HTML / CSS
会计自我鉴定范文
2013/10/06 职场文书
路政管理专业推荐信
2013/11/11 职场文书
大学生秋游活动方案
2014/02/17 职场文书
经济国贸专业求职信
2014/06/18 职场文书
注册资产评估专业求职信
2014/07/16 职场文书
2014年大学生党员自我评议
2014/09/22 职场文书
2014年员工工作总结范文
2014/11/18 职场文书
python中mongodb包操作数据库
2022/04/19 Python