JS 总结----基础部分

时间:2023-03-08 21:56:21

javascript基础:
1.每个属性都可以加ID
2.写函数的时候注意 == 和 = 不要写错了
3.html里面怎么写js里面就怎么写,但是有一例外 className
比如oDiv.class = 'box';必须要写成oDiv.className = 'box';因为class在js里面是关键字
4.通过Js给元素加属性可以避免兼容性问题
5.字符串拼接用加号的时候注意优先级,拿不准的时候就用小括号
eg: ...+1+1+... ==11
...+(1+1)+... ==2
6.JS中两种设置属性的方法:
oDiv.style.height = 100px;
oDiv.style.['height'] = 100px;
并且,在JS中能用点设置属性的地方都可以用中括号设置属性
7.变量与字符串的区别的应用:
'a':字符串(仅仅代表一个字符串)
a:变量(a里面放什么不固定)
8.JS通过style添加的样式都是加在了行间,用alert去取也是取得是行间样式,如果把这个样式设置在<style>里面或者外部css,都无法通过style取到
比如,用className设置的是外部样式,但style设置的是行间样式,如果混用这两种样式,可能会导致行间样式的优先级大于外部样式,而使外部样式失效。
建议:要么只是用行间,要么只是用外部样式。
9.把函数给onclick的时候可以不加括号(onclick必须要接受一个函数)
eg:法一:a.onclick = m; // m为一个函数
法二:a.onclick = function() {}; //取一个匿名函数
10. window.onload = function() {};
11.把script脚本放在前面的head里面,最好加上window.onload
把script脚本放在后面的body里面,可以不加
12. 3+4默认是字符串拼接 结果应该是34 而不是7 如果要使其结果为7,首先应该用parseInt强制类型转换,或者其他类型转换的操作
13.闭包:子函数可以使用父函数的局部变量
14.JS命名规范 41min

JS 总结----基础部分

============================================================================

json的循环:
for (var i in json) {
alert('第' + i + '个东西:' + json[i]);
}

数组的length:
1.不仅可以读也可以写
a.length = 3; // 当length>3时,相当清空数组
2.添加与删除:
push:尾部添加
pop:尾部弹出
shift:头部弹出
unshift:头部添加
3.splice的几种用法:
// 1:删除:splice(起点,长度) 从2号元素开始,以此删除3个
// arr.splice(2, 3);

//2:插入:splice(起点,0,元素...)
// arr.splice(2, 0, 'a', 'b', 'c');

//3:替换:splice(起点,长度,元素)长度和元素的长度必须相等
// arr.splice(2, 2, 'a', 'b');

charAt:解决字符串脚标的兼容性

appendChild:
(包含两个步骤)
1.先把元素从原有父级上删掉
2.添加掉新的父级
eg:oUl2.appendChild(oLi);

=================================================================

深入javascript:
可变参(不定参):arguments
参数的个数可变,参数数组
Js第二定律:但凡是好东西,一定不兼容 哈哈!

=================================================================

易错:
1.window.onload = function(){}; // 结尾注意加分号
(不是window.onload() = function() {};)
函数结尾都要记得加分号
onload 后面没有小括号!
2.aDiv[i].style.background = 'red'; //red加小分号
3.length & lenght

soso:
input titile属性是不是被废弃?

q:

input 的name属性:
name 属性规定 input 元素的名称。
name 属性用于对提交到服务器后的表单数据进行标识,或者在客户端通过 JavaScript 引用表单数据。
注释:只有设置了 name 属性的表单元素才能在提交表单时传递它们的值。
<input type="checkbox" name=""> checkbox是表示复选框