JavaScrpt实验.docVIP

实验项目：浏览器脚本语言及其应用 实验类型：设计 实验课时：4 实验目的：研究javascript及其应用 实验方案： 1 研究将JavaScript引入HTML页面 创建一个HTML文件，内容如下。在浏览器中打开该文件。分析代码。 script type=text/javascript alert(内嵌JavaScript代码); /script script type=text/javascript src=a.js!-- 引入js文件 -- alert(引入js文件的script元素中的内嵌代码不会执行); /script script type=text/javascript src=a.js /!-- 错误，必须使用结束标签 -- noscript不支持JavaScript时的提示/noscript div onclick=alert(事件句柄属性值中的Javascript代码)点我/div 2 研究JavaScript的执行时序 创建一个HTML文件，内容如下。在浏览器中打开该文件。分析代码。 script type=text/javascript ??????? window.onload=function(){alert(1);};//文档装载完成时执行 ??????? onload=function(){alert(2);}; //省略顶层对象名，覆盖上一次赋值 /script body onload=alert(3) ?? !--chrome在window.onload后执行,如果JS的onload代码在其后则会覆盖-- ?? !--IE覆盖window.onload,如果JS的onload代码在其后则会覆盖-- ?? button onclick=alert(4)按钮单击事件/button /body 3 研究JavaScript名称 创建一个HTML文件，内容如下。在浏览器中打开该文件。分析代码。 script type=text/javascript var a=1;//定义变量，当前对象为window，所以a也是window的属性 b=2;//window对象的属性 {var c=3;}//{}不构成作用域，所以c仍是window的属性 d(7,8);//函数名可以先调用，后定义 alert(函数外：+a+b+c+e+g.h+g.i+g.j); function d(x,y){//函数构成作用域 ???????? e=x;//window对象的属性 ???????? var f=y;//定义局部变量 ???????? g={h:4,i:5};//对象与对象属性 ???????? g.j=6;//对象属性 ???????? alert(函数中：+a+b+c+e+f+g.h+g.i+g.j); } /script 3 研究JavaScript值 创建一个HTML文件，内容如下。在浏览器中打开该文件。分析代码。 script type=text/javascript //alert(a);//错误，a is not defined alert(typeof a);//typeof运算符可用于未定义的变量 var a;//定义变量 alert(a);//输出undefined alert(typeof a);//输出undefined delete a;//删除变量 //alert(a);//错误，a is not defined alert(typeof a);//输出undefined a=undefined;//赋值为undefined alert(a);//输出undefined alert(typeof a);//输出undefined a={};//赋值为对象字面量 alert(a);//输出[object Object] alert(typeof a);//输出object alert(a.b);//输出undefined,属性未定义可访问 alert(typeof a.b);//输出undefined a=null;//赋值为空对象 alert(a);//输出null alert(typeof a);//输出object a=[];//赋值为数组字面量 alert(a);//输出空字符串 alert(typeof a);//输出object a=function(){};//赋值为函数字面量 alert(a);//输出a=function(){} alert(typeof a);//输出function /script 4 研究访问对象和数组的成员 创建一个HTML文件，内容如下。在浏览器中打开该文件。分析代码。 script type=text/javascript a={a:1,b: