网页开发技术201502.ppt

JavaScript基本组成 基本语法（浏览器基本都支持，有统一标准） Dom(文档对象模型)（基本都支持，但可能会有差别，有统一标准） Bom（浏览器对象模型，一般功能浏览器支持，但没有统一的标准）控制浏览器可见区域以外的部分（打开新窗口、关闭浏览器窗口、获取分辨率screen、XmlHttpRequest等。Ajax会涉及，这里先不介绍） 可参考P39 JavaScript数据类型 共六种： Boolean（布尔）、Number（数字）、String（字符串）、Undefined（如定义未赋值）、Null（空对象）、Object（对象类型） (undefined与其他值计算得到的结果不是我们想要的,不讲） 除了Object是引用类型、Null为空对象以外，其他都是基本数据类型 Undefined类型、Null类型都是只有一个值的数据类型，分别为undefined与null. JavaScript变量的作用域 默认如果直接在script标签中定义变量，则属于“全局作用域范围”(全局执行环境)，即属于window对象。 全局作用域范围的变量直到网页关闭或浏览器关闭时才释放资源 一个页面中的多个script标签中的变量可以互相访问。 JS有垃圾回收机制，会定时对可释放资源的变量回收。将变量设置为null则表示可以被回收了。 如果在某个函数内定义了var变量则作用域范围属于该函数。若不加var相当于全局变量。 。 注意：JS中没有块级作用域范围。 函数声明时注意{ }的位置 推荐写法： function fun(){ } 不推荐写法： function fun() { } 一般在js中编写大括号都是直接跟在后面而不要另起一行，比如： return {Name:’yzk’,Age:18};而不要写成： return { Name:’yzk’, Age:18 } 原因是js会在语句末尾自动增加”分号”，如果将大括号另起一行，则return语句后自动增加“分号”后，返回值就变成了undefined了。 看看执行结果 var x=1; var y=0; var z=0; function add(n){n=n+1;return n} y=add(x); function add(n){n=n+3;return n;} z=add(x); alert(y+‘ ’+z); //执行结果？ 看看执行结果 var x=1; var y=0; var z=0; var add=function (n){n=n+1;return n} y=add(x); add=function(n){n=n+3;return n;} z=add(x); alert(y+’,’+z);//执行结果？ 打开浏览器的错误提示功能 编写JavaScript代码的时候，如果写错了有时候浏览器也不报任何错误，这是对于我们调试JavaScript代码非常不利，所以建议打开错误调试。 IE：工具→Internet选项→高级→去掉“禁用脚本调试”的√；或者安装DebugBar ====================================== 不讲： FireFox:安装FireBug,然后启用Console(控制台)即可。 Chrome：开发人员工具→Console。 BOM与DOM /kf/201212/177335.html 上图很好的说明的二者之间的关系：两者的关系是BOM包含DOM。 调用时在之前的代码块和自己的代码块（以script为代码块标记）去搜索 4,4 2,4 不讲：推荐用最后一种方法。但如果x有可能没有声明，则只能用typeof判断（否则会报错）。 经常会遇到的一个场景：if语句的小括号中直接写一个变量。各种值与Boolean之间的关系。 ================================================================ var obj = new Object(); if (typeof(obj.hehe)!=undefinedobj.hehe!=null) { alert(可用); } else { alert(不可用); } // //判断变量是否可用========================== // //一般情况下我们认为，变量只要不为null或是undefined则表示变量可用 // if (typeof (xx) == undefined || xx == null) { //