Download presentation
Presentation is loading. Please wait.
1
第12讲 Javascript 复习 信息学院 孙辉
2
内容 为什么JavaScript？ 哪里放置JavaScript 数据类型 变量 JavaScript的执行顺序 易错点
3
JavaScript能做什么 包括但不限于：表单提交，样式改变，用户操 作监控与响应，比如用户点击后处理某些事情， 还有就是自动化一些事情，比如在网页完全加 载完成后，自动发送一些数据或者从服务器端 获取一些数据并展示在页面 JavaScript做动态、交互的东西
4
网页中插入JavaScript <script>标签
<script type=“text/javascript”> </script> 旧方式 <script> </script> 新方式 可以放在外部，javascript文件格式为*.js <script src="myScript.js"></script> 插入的位置 <head> 确保在调用函数前，脚本已经载入了 <body> 在页面载入时脚本就会被执行
5
数据类型 undefined ——值未定 number ——数值 boolean ——布尔 string ——字符串
object ——对象或者null function ——函数
6
null vs. undefined null：表示一个有意义的值，表示“无值”或“无 对象”变量的状态为已知状态 undefined
方法没有return语句返回值时，返回 undefined 未声明的变量，通过typeof()检测变量时，返 回"undefined"字符串。 访问不存在的属性时返回undefined
7
数据类型转换 字符串转化数字 parseInt(numString, [radix]) 任意类型到指定类型
转为字符串：String(object)、对象.toString() 转化为数字：Number(object) 转为Boolean：Boolean(object) NaN：当某类型转化为数字失败时，返回NaN， 表示不是一个数字；NaN不等于任何值，包括 它自己，判断时需要使用isNaN(arg)函数
![数据类型转换 字符串转化数字 parseInt(numString, [radix]) 任意类型到指定类型](http://slidesplayer.com/slide/11464492/62/images/7/%E6%95%B0%E6%8D%AE%E7%B1%BB%E5%9E%8B%E8%BD%AC%E6%8D%A2+%E5%AD%97%E7%AC%A6%E4%B8%B2%E8%BD%AC%E5%8C%96%E6%95%B0%E5%AD%97+parseInt%28numString%2C+%5Bradix%5D%29+%E4%BB%BB%E6%84%8F%E7%B1%BB%E5%9E%8B%E5%88%B0%E6%8C%87%E5%AE%9A%E7%B1%BB%E5%9E%8B.jpg "转为字符串：String(object)、对象.toString() 转化为数字：Number(object) 转为Boolean：Boolean(object) NaN：当某类型转化为数字失败时，返回NaN， 表示不是一个数字；NaN不等于任何值，包括 它自己，判断时需要使用isNaN(arg)函数.")
8
定义变量 弱类型的语言，使用var关键字申明变量： var x; var carname; 变量必须先声明后引用
alert(myStr); // 弹出"undefined"; var myStr = "Hello World!"; alert(myStr); // 弹出"Hello World";
9
JavaScript的执行顺序 页面加载过程中，浏览器会对页面上或载入的 每个js代码块(或文件)进行扫描，如果遇到定 义式函数，则进行预处理(类似于C等的编译)， 处理完成之后再开始由上至下执行；遇到赋值 式函数，则只是将函数赋给一个变量，不进行 预处理，待调用到的时候才进行处理 正常执行，弹出“Hello World!”，浏览器对Fn1进行了预处理，再从Fn1();开始执行。 Firebug报错：Fn2 is not a function，浏览器未对Fn2进行预处理，依序执行，所以报错Fn2未定义。 body的onload事件触发条件是body内容加载完成，而body中的js代码会在这一事件触发之前运行 //“赋值式”函数定义 Fn2(); var Fn2 = function(){ alert("Hello world!"); } //“定义式”函数定义 Fn1(); function Fn1(){ alert("Hello World!"); }
10
易错点 JS执行顺序问题 获取一个节点的dom对象
Similar presentations
