网页制作教程 作者 赵丰年 1_ 第7章.pptVIP

以下示例显示了 window 对象的打开关闭窗口方法的应用，效果如图 7-9 所示（打开网页 tu7-9.htm 时，同时显示一个新窗口，其中有一个“关闭”按钮，单击“关闭”按钮则弹出一个提示对话框，单击“确定”按钮可以关闭窗口）。 图 7-10 打开与关闭窗口示例 * * 第7章 JavaScript 与 DHTML 技术 在线教务辅导网： 教材其余课件及动画素材请查阅在线教务辅导网 QQ:349134187 或者直接输入下面地址： 7.1 使用客户端脚本 7.2 JavaScript 简介 7.3 DHTML 技术 7.1 使用客户端脚本 7.1.1　使用 SCRIPT 标记符 什么是客户端脚本 使用 SCRIPT 标记符插入脚本 以下 HTML 代码创建了一个按钮，当用户单击该按钮时显示出一个提示对话框，效果如图 7-1 所示。 HTML HEAD TITLEJavaScript 示例/TITLE SCRIPT language=JavaScript type=text/javascript !-- function showmsg() { alert(欢迎来到JavaScript世界) } //-- /SCRIPT /HEAD BODY FORM INPUT type=Button onClick=showmsg(); value=点点我试试 /FORM /BODY /HTML 图 7-1 JavaScript 示例 7.1.2 直接添加脚本 对于上一小节的示例，以下是直接添加 JavaScript 脚本的 HTML 代码。 HTML HEADTITLEJavaScript 示例/TITLE/HEAD BODY FORM INPUT type=Button onClick=Javascript:alert(欢迎来到JavaScript世界); value=点点我试试 /FORM /BODY/HTML 7.1.3 链接脚本文件 以下 HTML 显示了如何使用链接脚本文件。 ------------------------网页源文件-------------------------------- HTML HEAD TITLEJavaScript 示例/TITLE SCRIPT type=text/javascript src=test.js/SCRIPT /HEAD BODY FORM INPUT type=Button onClick=showmsg(); value=点点我试试 /FORM /BODY/HTML -------------------与网页源文件同目录下的 test.js 文件------------------------------- function showmsg(){ alert(欢迎来到JavaScript世界) } 7.2 JavaScript 简介 7.2.1　JavaScript 语言基础 JavaScript 变量 JavaScript 运算符与表达式 JavaScript 语句 JavaScript 函数 7.2.2　使用 JavaScript 对象 什么是对象 Array 对象 数组元素不但可以是其他数据类型，而且可以是其他数组或对象。例如，以下示例构造出了一个二维数组并将其元素在表格中显示，效果如图 7-2 所示。 HTML HEADTITLE创建数组/TITLEHEAD BODY SCRIPT language=JavaScript type=text/javascript !-- var order=new Array(); order[0]=new Array(背心,30,￥80); order[1]=new Array(鞋,50,￥200); order[2]=new Array(袜子,100,￥10); document.write(table border align=center) document.write(th产品/thth数目/thth单价/th) for(i=0;iorder.length;i++) //length 属性表示数组的长度，也就是数组元素的个数 { document.write(tr) for(j=0;jorder[0].length;j++) { document.write(td+order[i][j]+/td) } document.write(/tr) } document.write(/table) //-- /SCR