1. 程式人生 > >在HTML中使用JavaScript

在HTML中使用JavaScript

設置 存在 java mime script 服務器 func 方法 瀏覽器

1、<script>元素

  向HTML頁面中插入JavaScript的主要方法,就是使用<script>元素。這個元素由Netscape創造並在Netscape Navigator 2中首先實現。後來,這個元素被加入到正式的HTML規範中。HTML4.01為<script>定義了下列6個屬性。

  async:可選。表示應該立即下載腳本,但不應妨礙頁面中的其他操作,比如下載其他資源或等待加載其他腳本。只對外部腳本文件有效。

  charset:可選。表示通過src屬性指定的代碼的字符集。由於大多數瀏覽器會忽略它的值,因此這個屬性很少有人用。

  defer:可選。表示腳本可以延遲到文檔完全被解析和顯示之後再執行。只對外部腳本文件有效。IE7及更早版本對嵌入腳本也支持這個屬性。

  language:已廢棄。原來用於表示編寫代碼使用的腳本語言(如JavaScript、JavaScript1.2或VBScript)。大多數瀏覽器會忽略這個屬性,因此也沒有必要再用了。

  src:可選。表示包含要執行代碼的外部文件。

  type:可選。可以看成是language的替代屬性;表示編寫代碼使用的腳本語言的內容類型(也稱為MIME類型)。雖然text/javascript和text/ecmascript都已經不被推薦使用,但人們一直以來使用的都還是text/javascript和text/ecmascript。實際上,服務器在傳送JavaScript文件時使用的MIME類型通常是application/x-javascript,但在type中設置這個值卻可能導致腳本被忽略。另外,在非IE瀏覽器中還可以使用以下值:application/javascript和application/ecmascript。考慮到約定俗成和最大限度的瀏覽器兼容性,目前type屬性的值依舊還是text/javascript。不過,這個屬性並不是必需的,如果沒有指定這個屬性,則其默認值仍為text/javascript。

  使用<script>元素的方式有兩種:直接在頁面中嵌入JavaScript代碼和包含外部JavaScript文件。

  在使用<script>元素嵌入JavaScript代碼時,只須為<script>指定type屬性。然後,像下面這樣把JavaScript代碼直接放在元素內部即可:

  <script type="text/javascript">

    function sayHi(){

      alert("Hi !");

    }

  </script>

  包含在<script>元素內部的Javascript代碼將被從上至下一次解釋。就拿前面這個例子來說,解釋器會解釋一個函數的定義,然後將該定義保存在自己的環境當中。在解釋器對<script>元素內部的所有代碼求值完畢以前,頁面中的其余內容都不會被瀏覽器加載或顯示。

  

在HTML中使用JavaScript