word版Js网页设计课件.docVIP

如何把 JavaScript 放入 HTML 页面 html body script type=text/javascript document.write(Hello World!); /script /body /html 上面的代码会在 HTML 页面中产生这样的输出： Hello World! 实例解释： 如果需要把一段 JavaScript 插入 HTML 页面，我们需要使用 script 标签（同时使用 type 属性来定义脚本语言）。 这样，script type=text/javascript 和 /script 就可以告诉浏览器 JavaScript 从何处开始，到何处结束。 html body script type=text/javascript ... /script /body /html document.write 字段是标准的 JavaScript 命令，用来向页面写入输出。 把 document.write 命令输入到 script type=text/javascript与/script之间后，浏览器就会把它当作一条 JavaScript 命令来执行。这样浏览器就会向页面写入 Hello World!。 html body script type=text/javascript document.write(Hello World!); /script /body /html 注意：如果我们不使用 script 标签，浏览器就会把 document.write(Hello World!) 当作纯文本来处理，也就是说会把这条命令本身写到页面上。 如何与老的浏览器打交道 那些不支持 JavaScript 的浏览器会把脚本作为页面的内容来显示。为了防止这种情况发生，我们可以使用这样的 HTML 注释标签： html body script type=text/javascript !-- document.write(Hello World!); //-- /script /body /html 注释行末尾的两个正斜杠是 JavaScript 的注释符号，它会阻止 JavaScript 编译器对这一行的编译。 把 JavaScript 放置到何处 当页面载入时，会执行位于 body 部分的 JavaScript。 当被调用时，位于 head 部分的 JavaScript 才会被执行。 实例 head 部分 包含函数的脚本位于文档的 head 部分。这样我们就可以确保在调用函数前，脚本已经载入了。 body 部分 执行位于 body 部分的脚本。 外部 JavaScript 如何访问外部脚本。 在哪里放置 JavaScript 页面中的脚本会在页面载入浏览器后立即执行。我们并不总希望这样。有时，我们希望当页面载入时执行脚本，而另外的时候，我们则希望当用户触发事件时才执行脚本。 位于 head 部分的脚本： 当脚本被调用时，或者当事件被触发时，脚本就会被执行。当你把脚本放置到 head 部分后，就可以确保在需要使用脚本之前，它已经被载入了。 html head script type=text/javascript .... /script /head .... 位于 body 部分的脚本： 在页面载入时脚本就会被执行。当你把脚本放置于 body 部分后，它就会生成页面的内容。 html head /head body script type=text/javascript .... /script /body /html 在 body 和 head 部分的脚本： 你可以在文档中放置任何数量的脚本，因此你既可以把脚本放置到 body，又可以放置到 head 部分。 html head script type=text/javascript .... /script /head body script type=text/javascript .... /script /body /html 使用外部 JavaScript 有时，你也许希望在若干个页面中运行 JavaScript，同时不在每个页面中写相同的脚本。 为了达到这个目的，你可以将 JavaScript 写入一个外部文件之中。然后以 .js 为后缀保存这个文件。 注意：外部文件不能包含 script 标签。 然后把 .js 文件指定给 script 标签中的 src 属性，就可以使用这个外部文件了： html head script src=xxx.js..../script /head body /body /html 提示：您可以把 .js 文件放到网站目录中通常存放脚本的子目录中，这样更容易管理和维护。 JavaScrip