JavaScript实验
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
实验项目:浏览器脚本语言及其应用
实验类型:设计
实验课时:4
实验目的:研究javascript及其应用
实验方案:
1 研究将JavaScript引入HTML页面
创建一个HTML文件,容如下。在浏览器中打开该文件。分析代码。
alert("嵌JavaScript代码");
2 研究JavaScript的执行时序
创建一个HTML文件,容如下。在浏览器中打开该文件。分析代码。
window.onload=function(){alert(1);};//文档装载完成时执行
onload=function(){alert(2);}; //省略顶层对象名,覆盖上一次赋值
3 研究JavaScript名称
创建一个HTML文件,容如下。在浏览器中打开该文件。分析代码。
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);
}
3 研究JavaScript值
创建一个HTML文件,容如下。在浏览器中打开该文件。分析代码。
//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
4 研究访问对象和数组的成员
创建一个HTML文件,容如下。在浏览器中打开该文件。分析代码。
a={a:1,b:2};//赋值为对象字面量
alert(a.a);//使用.运算符访问成员
alert(a["a"]);//使用[]运算符访问成员
b="a";
alert(a[b]);//使用表达式下标访问成员
a=[1,2];//赋值为数组字面量
alert(a[0]);//使用[]运算符访问元素
b=1;
alert(a[b]);//使用表达式下标访问元素
5 研究置名称
创建一个HTML文件,容如下。在浏览器中打开该文件。分析代码。
var a=new Number(1);//调用构造函数Number,传递参数1,a是对象
alert(a);//输出1
alert(typeof a);//输出object
alert(a instanceof Object);//输出true,说明a是显式创建的对象
a=Number(1);//调用转换函数Number,传递参数1,a是数值,不是对象
alert(a);//输出1
alert(typeof a);//输出number
alert(a instanceof Object);//输出false,说明a不是显式创建的对象