04第8章JavaScript简介.ppt

* * 框架集中的网页代码 HTML HEAD TITLEHTML举例/TITLE /HEAD FRAMESET rows=64,* FRAME name=header scrolling=no noresize target=main src=header.htm FRAME name=main target=_self src=libai.html NOFRAMES BODY P此网页使用了框架，但您的浏览器不支持框架。/P /BODY /NOFRAMES /FRAMESET /HTML * * 上框架包含的标题网页“header.htm”文件的代码 HTML HEAD TITLE标题网页/TITLE BASE target=main /HEAD BODY P A href=libai.html李白诗选/A A href=友情链接/A /P /BODY /HTML * * 例8-4：制作如图所示的网页 * * 例8-4网页代码 HTML HEAD TITLE杜甫诗选/TITLE /HEAD BODY DIV align=left A href=# onClick=javascript:window.open(dufu.htm,,height=300,width=300)杜甫/A诗选 /DIV DIV align=center 春望BR 国破山河在，城春草木深。BR 感时花溅泪，恨别鸟惊心。BR /DIV P杜甫 李白/P P杜甫nbsp;nbsp;nbsp;nbsp;李白/P PRE杜甫 李白/PRE /BODY /HTML 标记一个设置特殊的格式或内容的区块，用于文字、图表等对象的排版 表示空链接，即单击此链接时不跳转到任何目标地址 * * 例8-4中的特殊标记及用法 处理HTML语句时，多个空格被视为一个空格处理。 使用“nbsp;”控制符来插入空格 也可以使用预定义标记PRE来显示多个空格 标记A的href属性为“#”时表示单击此链接时不跳转到任何目标地址 本例中单击该链接被视为单纯的鼠标点击事件，执行后面的“onClick”处理——弹出一个指定大小的新窗口，并在新窗口中显示网页“dufu.htm”。 * * JavaScript程序的编写要点 区分大小写 通常以分号（;）作为语句结束 网页可包含多个JavaScript代码段 用SCRIPT和/SCRIPT标记将代码嵌入网页 直接嵌入 外部加载 源代码形成一个单独的文本文件，扩展名为.js ，文件中只包含JavaScript代码。 使用SCRIPT标记 的src属性加载 HTML中嵌入JavaScript代码 * * 直接嵌入举例 例8-5：用JavaScript代码显示欢迎文字 BODY SCRIPT language = JavaScript document.write(欢迎欣赏唐诗。); /SCRIPT /BODY * * 例8-6： 例8-5的另一种写法 BODY SCRIPT language = JavaScript !-- document.write(欢迎欣赏唐诗。); //-- /SCRIPT /BODY * * 外部加载举例 例8-7：加载外部的JavaScript源文件“L8-5.js” HTML HEAD /HEAD BODY SCRIPT language = JavaScript src = L8-5.js /SCRIPT /BODY /HTML * * L8-5.js的内容及执行效果 document.write(我是L8-5.js，确实被加载和执行了。); * * HTML中嵌入JavaScript代码 “JavaScript：”，在HTML的链接标签中直接引入JavaScript的简短程序代码 将程序代码放置在事件名称后面，在事件发生时执行 JavaScript 代码或调用 JavaScript 函数。SELECT name=site onChange =javascript: i=3 表示在对象值改变时，执行JavaScript 代码，将i的值变成3 配合HTML的链接标签使用，链接到某个脚本代码，a href=javascript:alert(这是消息)测试/a 则在点击文字“测试”时，弹出信息框“这是消息” * * 在JavaScript代码中嵌入HTML 表示按HTML格式输出内容 例如：换行并打印一行粗体字的代码如下 document.write(B欢迎欣赏唐诗。/BBR); 而把网页的标题更换成“网页标题” document.write(TITLE网页标题/TITLE); * * 8.2.3 Java