引入JavaSript脚本代码到 HTML文档中.docVIP

引入JavaScript脚本代码到 HTML文档中 ... ?要让html能运行JS, 就要先导入JS,? 将JavaScript脚本嵌入到 HTML文档中, 有4种标准方法： 1. 代码包含于script和/script标记对，然后嵌入到 HTML文档中； 2 .通过script标记的 src属性链接外部的 JavaScript脚本文件； 3. 通过 JavaScript伪 URL地址引入； 4. 通过 HTML文档事件处理程序引入。 下面分别介绍引入JavaScript脚本的几种标准引入方法： 1．通过script与/script标记对引入在源程序 1.1的代码中除了script与/script标记对之间的内容外，都是最基本的HTML代码，可 见script和/script标记对将 JavaScript脚本代码封装并嵌入到 HTML文档中： document.write(Hello?World!);? 浏览器载入嵌有 JavaScript脚本的 HTML文档时，能自动识别 JavaScript脚本代码起始标记script和结束标记/script，并将其间的代码按照解释 JavaScript脚本代码的方法加以解释，然后将解释结果返回 HTML文档并在浏览器窗口显示。 注意：所谓标记对，就是必须成对出现 的标记，否则其间的脚本代码不能被浏览器解释执行。 来看看下面的代码： ? script?language=javascript?1.2?type=text/javascript?document.write(Hello?World!);? /script? ? 首先，script和/script标记对将 JavaScript脚本代码封装，同时告诉浏览器其间的代码为 JavaScript脚本代码，然后调用 document文档对象的 write( )方法写字符串到 HTML文档中。下面重点介绍script标记的几个属性： z language属性：用于指定封装代码的脚本语言及版本，有的浏览器还支持 perl、 VBScript等，所有脚本浏览器都支持 JavaScript(当然，非常老的版本除外)，同时 language属性默认值也为 JavaScript； z type属性：指定 script和/script标记对之间插入的脚本代码类型； z src属性：用于将外部的脚本文件内容嵌入到当前文档中，一般在较新版本的浏览器中使用，使用 JavaScript脚本编写的外部脚本文件必须使用 .js为扩展名，同时在 script和/script标记对中不包含任何内容，如下： script?language=JavaScript?1.2?type=text/javascript?src=Sample.js?/script? 注意：W3C HTML标准中不推荐使用 language语法，要标记所使用的脚本类型，应设置script的 type 属性为对应脚本的 MIME类型（ JavaScript的 MIME类型为 “text/javascript”）。但在该属性中可设定所使用脚本的版本，有利于根据浏览器支持的脚本版本来编写有针对性的脚本代码。 下面讨论script标记的 src属性如何引入 JavaScript脚本代码。 2．通过script 标记的 src属性引入改写源程序 1.1的代码并保存为 test.html： ? !?DOCTYPE?HTML?PUBLIC?-//W3C//DTD?HTML?4.0//EN?/TR/REC-html140/strict.dtd? ? html?head? ? meta?http-equiv=content-type?content=text/html;?charset=gb2312? ? titleSample?Page!/title?/head? ? body?script?language=javascript?1.2?type=text/javascript?src=1.js?/script? ? /body?/html? 同时在文本编辑器中编辑如下代码并将其保存为 1.js： document.write(Hello World!); 将 test.html和 1.js文件放置于同一目录，双击运行 test.html，可见通过外部引入 JavaScript脚本文件的方式，能实现同样的功能。同时具有如下优点： 1 将脚本程序同现有页面的逻辑结构及浏览器结果分离。通过外部脚本，可以轻易实 ? 现多个页面共用完成同一功能的脚本文件，以便通过更新一个脚本文件 内容达到批 ? 量更新的目的； 2 浏览器可以实现对目标脚本文件的高速缓 存，避免额外的由于引用同样功能的脚本 ? 代码而