网页设计实验2.docVIP

实验二 实验目的 掌握客户端脚本编程的方法。使用Dreamweaver或记事本编辑工具。 实验内容 10．对象的事件编写方法：使用Dreamweaver或记事本编辑工具，创建一个静态网页10.html或者10.htm。在文件里输入如下代码： HTML SCRIPT LANGUAGE=VBScript Sub B1_onClick MsgBox 你单击了这个按钮。 End Sub /script Form input name=B1 TYPE=BUTTON VALUE=单击这里 /FORM /HTML 利用浏览器打开该网页，查看运行结果。 11．对象的事件编写方法：使用Dreamweaver或记事本编辑工具，创建一个静态网页11.html或者11.htm。在文件里输入如下代码： HTML SCRIPT LANGUAGE=VBScript FOR=B1 EVENT=OnClick MsgBox 你单击了这个按钮。 /script Form input name=B1 TYPE=BUTTON VALUE=单击这里 /FORM /HTML 利用浏览器打开该网页，查看运行结果。 12．WINDOW对象的两个方法：使用Dreamweaver或记事本编辑工具，创建一个静态网页12.html或者12.htm。在文件里输入如下代码： HTML SCRIPT LANGUAGE=VBScript If confirm(你希望继续吗?) Then alert 你选择了继续 Else alert 你选择了结束 End If /SCRIPT /HTML 利用浏览器打开该网页，查看运行结果。 13．定时器的使用：使用Dreamweaver或记事本编辑工具，创建一个静态网页13.html或者13.htm。在文件里输入如下代码： html head script language=javascript function timedMsg() { var t=setTimeout(alert(5 seconds!),5000) } /script /head body form input type=“button” value=“显示计时信息框! onClick=timedMsg() /form /body /html 利用浏览器打开该网页，查看运行结果（注意浏览器的状态栏）。 14．Document对象的使用：使用Dreamweaver或记事本编辑工具，创建一个静态网页14.html或者14.htm。在文件里输入如下代码： HTML SCRIPT LANGUAGE=VBScript FOR=B1 EVENT=OnClick document.bgcolor=document.abc.text.value /script Form name=abc input type=text name=text input name=B1 TYPE=BUTTON VALUE=改变颜色 /FORM /HTML 利用浏览器打开该网页，查看运行结果（在编辑框中输入任意6为16进制数如FF0000，点击按钮，注意：颜色为6位十六进制数）。 15．编辑框的对象的选择事件：使用Dreamweaver或记事本编辑工具，创建一个静态网页15.html或者15.htm。在文件里输入如下代码： HTML BODY FORM name=form1 onsubmit=null 供选择用的文本框：br input TYPE=text NAME=T1 language=VBScript onselect=alert 你准备选择其中的内容 /FORM /BODY /HTML 利用浏览器打开该网页，查看运行结果（先在编辑框输入内容，然后选择内容，看有什么反应）。 16．单选框的事件：使用Dreamweaver或记事本编辑工具，创建一个静态网页16.html或者16.htm。在文件里输入如下代码： HTML SCRIPT LANGUAGE=VBScript Sub rr For i=0 to form