javascrit2.0完全参考手册(第二版) 第1章第1节在XHTML文档中增加javascript

通常，向文档中增加script脚本使用<script>元素，在HTML中增加脚本的方式有4中：

(1)放到<script></script>块中；

(2)<script src="demo.js"></script>，通过src属性指定js文件位置；

(3)用作javascript事件处理属性，如<input type="button" onclick="js代码" />

(4)通过url引用网络上的js脚本。

下面分别介绍这些方式：

(1)放到<script></script>块中

向html中添加脚本主要使用这种方式，浏览器将所有放到<script>中的文本当做脚本，默认为javascript。然而对于IE浏览器它可能被当做VBScript脚本。

传统上指明js语言使用language属性，如：

<script language="JavaScript">

</script>

当浏览器不理解language属性时会忽略<script>块中的内容。

注意：认真填写<script>的language属性，一个拼写错误会导致浏览器不识别脚本。

按照W3C标准应该使用type属性代替language表明语言的MIME类型，如：

<script type="text/javascript">

</script>

实际上，type属性并没有language属性普遍，有一些特性后者支持，主要看浏览器支持的javascript版本。为了利用language的属性同时遵守<script>标准，两个都使用：

<script language="JavaScript" type="text/javascript">

</script>

但是有时作用并不好，首先如果你的浏览器支持type胜过language,那么它将丢失后者的特性；再次language属性将导致页面不符合XHTML标准。

一般使用type属性是最好的选择，除非你有特别的原因使用language。

注意：你还可以在head中添加meta属性，这样所有的script中均会增加type属性：

<meta http-equiv="Content-Script-Type" content="text/javascript" />.

使用<script>

你可以使用多个<script>块，当文档被加载时将会执行脚本，除非脚本延迟了。下面这个例子会一个脚本一个脚本的运行：

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
 2 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 3 <html xmlns="http://www.w3.org/1999/xhtml" lang="en">
 4 <head>
 5 <title>JavaScript and the Script Tag</title>
 6 <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
 7 </head>
 8 <body>
 9 <h1>Ready start</h1>
10 <script type="text/javascript">
11       alert("First Script Ran");
12 </script>
13 <h2>Running...</h2>
14 <script type="text/javascript">
15       alert("Second Script Ran");
16 </script>
17 <h2>Keep running</h2>
18 <script type="text/javascript">
19       alert("Third Script Ran");
20 </script>
21 <h1>Stop!</h1>
22 </body>
23 </html>

View Code