总结:
1. 出现JavaScript的原因:解决表单验证,最早网速很慢,表单的一些非法字符等验证只能在服务器,但是一来一回往往要几分钟,所以就提出JavaScript在本地客户端验证这些信息。
2. JavaScript语法:代码写在script标签里<script type="text/javascript"> </script>,
js代码都写在head标签中,
可以引入多个script标签,多个标签顺序执行
script标签中src属性可以引入外部js文件,则script标签内的代码不能执行
<:用<转义
>:用>转义
3. Java语法:每条js语句都要加;
alert();//弹出一个文本框
document.write(); // 在当前文本输出信息
数据分为两块:使用var声明一个变量、js是弱语言,即数据类型由内容决定,age=18,age='hello'则age由number转为string,用typeof age可以查看变量数据类型,所以不要随意改变数据类型
基本数据类型:
1. 数字
2. 字符串:使用' ' 或" "
3. bool
4. 特殊数据类型:null、undefined
复合数据类型:
运算:
1. 字符串和任何数据类型相加:做字符串拼接
2. 字符串和任何数据做除相加外运算:先将字符串转为数字,再做运算。
若字符串为非数字,则运算结果为NaN(Not a Number)
与NaN做运算结果为NaN
3. 数字和任何数据类型做运算:数据类型先转为数字,再做运算;不能转为数字的再字符串拼接
函数定义:function 函数名(){
函数体}
标签中通过onclick="函数名()"// 则点击触发这个函数
4. jsDOM:通过document.来获取页面元素
4.1 document.getElementsById(); //通过id获取
4.2 document.getElementsByName(); //通过name获取,若多个name相同,则返回集合
4.3 元素.innerHTML=""; //修改页面内容
4.4 元素.getAttribute(); //获取属性值
5. 定时器:
5.1 setInterval(function(){}, 时间):延迟指定毫秒数后,执行函数;循环这个过程
clearInterval(定时器变量):清除这个Interval定时器
5.2 setTimeout(function(){}, 时间):延迟指定毫秒数后,执行函数;只做一次,函数体内可以再次调用自己,则可以实现与5.1相同效果
clearTimeout(定时器变量):清除这个Timeout定时器
错误总结:
1. 块级元素:div、li等可以使用margin、padding的四个方向调整位置
2. 行内元素:a、span、tr、td只能使用margin、padding的left和right属性调整左右间隙,可以使用line-height调整高度
3. input标签display默认是inline
4. z-index属性只有在position属性为relative、absolute、fix时有效