在HTML里嵌入JavaScript

在HTML文檔里嵌入客戶端JavaScript代碼有4中方法：

1.內嵌，放置在 script 和 /script 標簽之間 （少）；

2.放置在有 script 標簽的src屬性指定的外部文件中 （多）；

3.放置自HTML事件處理程序中，該事件處理程序由onclick或onmouseover這樣的HTML屬性值指定它 （很少）；

4.放在一個URL里，這個URL使用特殊的協議”javascript“協議 （很少）；

0——附：腳本類型

JavaScript是Web的原始腳本語言，在默認情況下， script 元素包含或引用JavaScript代碼。如果要使用不標準的腳本語言，如VBScript，就必須用type屬性指定腳本的MIME類型，例如：

 script type= text/vbscript  ... ...  /script 

type 屬性的默認值是 ”text/javascript“。

1——內嵌 script 元素

例如：

 script  function displayTime(){  ... ...  window.onload = displayTime;  /script 

2——src屬性使用外部文件中的腳本

script 標簽支持src屬性，這個屬性指定包含JavaScript代碼的文件的URL。它的用法如下：

復制代碼 代碼如下:

 script src= ../../scripts/util.js /script 

使用src屬性時， script /script 標簽之間的任何內容都會被忽略。

當在頁面中用src屬性包含一個腳本時，就給了腳本坐著完全控制Web頁面的權限。

3——HTML中的事件處理程序

當腳本所在的HTML文件被載入瀏覽器時，這個腳本里的JavaScript代碼只會執行一次。JavaScript代碼可以通過把函數賦值給Element對象的屬性來注冊事件處理程序。這個Element對象表示文檔里的一個html' target='_blank'>HTML元素。

例如：

復制代碼 代碼如下:

 input type= checkbox name= options value= giftwrap onchange= order.options.giftwrap = this.checked; 

HTML中定義的事件處理程序的屬性可以包含任意條JavaScript語句，相互之間用逗號分隔。這些語句組成一個函數體，然后這個函數成為對應事件處理程序屬性的值。

4——URL中JavaScript

在URL后面跟著一個javascript:協議限定符，是另一種嵌入JavaScript代碼到客戶端的方式。這種特殊的協議類型指定URL內容為任意字符串，這個字符串是會被JavaScript解釋器運行的JavaScript代碼。它被當作單獨的一行代碼對待，這意味著語句之間必須用分號隔開，而注釋必須用/**/注釋代替。javascript:URL能識別的資源是轉換成字符串的執行代碼的返回值。如果代碼返回 undefined，那么這個資源是沒有內容的。

javascript:URL可以在可以使用常規URL的任意地方：比如 a 標記的href屬性， form 的action屬性，甚至window.open()方法的參數。

超鏈接里的JavaScript URL可以是這樣：

 a href= javascript:new Date().toLocaleTimeString(); rel= external nofollow What time is it?  /a 

以上就是在HTML文檔中嵌入JavaScript的四種方法的詳細內容，html教程

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。