《网站开发技术及应用》实验指导书--实验02

《《网站开发技术及应用》实验指导书--实验02》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、实验二：脚本编程(07405531042J)实现从静态页面向动态页面的转变一、实验说明实验类别：专业实验学吋：2学吋实验类型：验证实验要求：必做二、实验内容1、运用JS脚木代码，熟悉多种函数定义方法、调用方法。2、适当在代码中运用分支结构、循环结构实现相应的功能。3、在适当功能中运用alert,confirm等实现客户端弹出提示窗口。4、熟悉客户端脚本代码嵌入的多种方式。5、熟悉脚本语言屮的对象window^document等对象，并结合DOM在具体功能屮加以运用。三、代码样例1、在定义事件时直接写入JavaScri

2、pt脚本实例：在网页的一个按钮屮设置了onclick属性，当鼠标单击该按钮时，将会打开搜狐网站。注：window是客户端JavaScript中浏览器对象之一，open是window对象的一个方法,意思是打开窗口，在参数中设置好网址，就可以打开指定的网站。2、在html中直接嵌入JavaScript脚本

3、age=nJavaScript">functionsayHello(){document.write(HhelloH);〃在HTML文档中显示hello}sayHello();3、在html中调用独立JavaScript文件用记事木创建testl.htm文件：用记事木创建test2.js文件：functionsayHello(){document.wri

4、te(nhellofromjsn);}sayHello();用IE打开testl.htm文件注：在HTML网页里插入Javascript语句，都需要添加引用。JS引用有二种方式。(1)(2)这两种方法都可以表示之间的代码是Javascript□然而，第一种方法在W3C的HTML标准中,已不再推荐使用。4^分支语句：1)If语句if

5、(a>4)alert(*a大于4');elsealert(*a不大于4');2)Switch语句的应用实例：functionok(){varscore=document.getElementById("chengji").value;switch(score){caseA:document.writeln("优秀.”)；break;caseB:document.writeln(n良好.”)；break;caseC:document.w

6、riteln(u111");break;caseD:document.writeln("及格”);break;caseF:document.writelnC'不及格”)；break;default:document.writeln(n成绩输入错误”)；}}请输入成绩：

7、pe="button"onclick="ok()"value="确认"/>注：获取form表单中的值有两种方法。(1)若表单属性为：则获取表单111的值的方法为：document.forms[0].name1.value(2)若表单属性为：则获取表单中的值的方法为：document.getElementByld(Hid

8、1”).value5、循环语句:1)While循环实例：varcount=0;while(count<10){document.write(count+"
");count++;},document.write(H循坏结束!");