变量:
var i = 0; 关键字” var“,定义一个变量 ”i“,”=“ 赋值 ”i“, ”i“ 等于0;
(这里 "="
号的作用是给变量赋值,不是等于号)
(声明变量语法: var 变量名;)
.:变量名字可以任意取,只不过取名字要遵循一些规则:
1.必须以字母、下划线或美元符号开头,后面可以跟字母、下划线、美元符号和数字。如下
2.变量名区分大小写,如:A与a是两个不同变量。
3.不允许使用JavaScript关键字和保留字做变量名
2.数据类型
Boolean(布尔型)类型:判断 truec,false
string(字符型)类型 :” “ 用算数运算符可以拼接
Number(数值型)类型:不区分整数,浮点数,
null(空型)类型:表示空无效的对象,与0不同
undefined(未定义型)没有定义的
运算符
算数运算符:
i++; ++i;自增
i--; --i; 自减
比较运算符:
逻辑运算符
&&” 是逻辑与操作符,只有“&&”两边值同时满足(同时为真),整个表达式值才为真。
"||"
逻辑或操作符,相当于生活中的“或者”,当两个条件中有任一个条件满足,“逻辑或”的运 算结果就为“真”
"!"
是逻辑非操作符,也就是"不是"的意思,非真即假,非假即真 取反
操作符之间的优先级(高到低):
算术操作符 → 比较操作符 → 逻辑操作符 → "="赋值符号
如果同级的运算是按从左到右次序进行,多层括号由里向外。
判断语句
做判断
if(条件) { 条件成立时执行的代码} else {条件不成立时执行的代码}
多重判断if...else嵌套语句
if(条件1) { 条件1成立时执行的代码} else if(条件2) { 条件2成立时执行的代码} ... else if(条件n) { 条件n成立时执行的代码} else { 条件1、2至n不成立时执行的代码}
switch 多种选择 break 中止退出循环
for循环:一直重复
while循环 : do...while循环 continue继续循环
数组:
[ ]
length:获取数组长度,根据索引获取数组里的数据
注意:数组每个值有一个索引号,从0开始。
数组存储的数据可以是任何类型(数字、字符、布尔值等
函数:
函数的作用,可以写一次代码,然后反复地重用这个代码
function 函数名( 参数, 参数) { 函数体; }
调用函数: 函数名();
function定义函数的关键字,“函数名”你为函数取的名字,“函数体”替换为完成特定功能的代码
事件响应
事件:网页交互
当用户单击按钮或者提交表单数据时,就发生一个鼠标单击(onclick)事件,需要浏览器做出处理,返回给用户一个结果。
对象:对象就是一组“键值对”(key-value)的集合,是一种无序的复合数据集合。
DOM(文档对象模型)
DOM节点有:
1. 元素节点:<html>、<body>、<p>等都是元素节点,即标签。
2. 文本节点:向用户展示的内容,如<li>...</li>中的JavaScript、DOM、CSS等文本。
3. 属性节点:元素属性,如<a>标签的链接属性href="http://www.imooc.com"
节点属性:
遍历节点树:
DOM操作:
返getElementsByName() 返回带有指定名称的节点对象的集合
getElementsByTagName() 返回带有指定标签名的节点对象的集合。返回元素的顺序是它们在文档中的顺序。
Attribute()方法 :通过元素节点的属性名称获取属性的值。
setAttribute() 方法增加一个指定名称和值的新属性,或者把一个现有的属性设定为指定的值
节点属性:
1. nodeName : 节点的名称
2. nodeValue :节点的值
3. nodeType :节点的类型
访问子节点:childNodes ; 插入节点:appendChild ; 删除节点:removeChild()
eplaceChild 实现子节点(对象)的替换。返回被替换对象的引用;
createTextNode() 创建新的文本节点