在HTML里嵌入JavaScript

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

1.內(nèi)嵌，放置在<script>和</script>標(biāo)簽之間  （少）；

2.放置在有<script>標(biāo)簽的src屬性指定的外部文件中  （多）；

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

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

0——附：腳本類型

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

<script type="text/vbscript"> 
 ... ... 
</script> 

type 屬性的默認(rèn)值是 ”text/javascript“。

1——內(nèi)嵌<script>元素

例如：

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

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

<script>標(biāo)簽支持src屬性，這個(gè)屬性指定包含JavaScript代碼的文件的URL。它的用法如下：

使用src屬性時(shí)，<script></script>標(biāo)簽之間的任何內(nèi)容都會(huì)被忽略。

當(dāng)在頁面中用src屬性包含一個(gè)腳本時(shí)，就給了腳本坐著完全控制Web頁面的權(quán)限。

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

當(dāng)腳本所在的HTML文件被載入瀏覽器時(shí)，這個(gè)腳本里的JavaScript代碼只會(huì)執(zhí)行一次。JavaScript代碼可以通過把函數(shù)賦值給Element對(duì)象的屬性來注冊(cè)事件處理程序。這個(gè)Element對(duì)象表示文檔里的一個(gè)HTML元素。

例如：

HTML中定義的事件處理程序的屬性可以包含任意條JavaScript語句，相互之間用逗號(hào)分隔。這些語句組成一個(gè)函數(shù)體，然后這個(gè)函數(shù)成為對(duì)應(yīng)事件處理程序?qū)傩缘闹怠?/p>

4——URL中JavaScript

在URL后面跟著一個(gè)javascript:協(xié)議限定符，是另一種嵌入JavaScript代碼到客戶端的方式。這種特殊的協(xié)議類型指定URL內(nèi)容為任意字符串，這個(gè)字符串是會(huì)被JavaScript解釋器運(yùn)行的JavaScript代碼。它被當(dāng)作單獨(dú)的一行代碼對(duì)待，這意味著語句之間必須用分號(hào)隔開，而注釋必須用/**/注釋代替。javascript:URL能識(shí)別的資源是轉(zhuǎn)換成字符串的執(zhí)行代碼的返回值。如果代碼返回 undefined，那么這個(gè)資源是沒有內(nèi)容的。

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

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

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

上文所表述的全部內(nèi)容是HTML文檔中嵌入JavaScript的四種方法，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，如果有疑問大家可以留言交流，謝謝大家對(duì)腳本之家的支持。

最新評(píng)論