在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的原始腳本語(yǔ)言,在默認(rèn)情況下, script 元素包含或引用JavaScript代碼。如果要使用不標(biāo)準(zhǔn)的腳本語(yǔ)言,如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。它的用法如下:
復(fù)制代碼 代碼如下:
script src= ../../scripts/util.js /script
使用src屬性時(shí), script /script 標(biāo)簽之間的任何內(nèi)容都會(huì)被忽略。
當(dāng)在頁(yè)面中用src屬性包含一個(gè)腳本時(shí),就給了腳本坐著完全控制Web頁(yè)面的權(quán)限。
3——HTML中的事件處理程序
當(dāng)腳本所在的HTML文件被載入瀏覽器時(shí),這個(gè)腳本里的JavaScript代碼只會(huì)執(zhí)行一次。JavaScript代碼可以通過(guò)把函數(shù)賦值給Element對(duì)象的屬性來(lái)注冊(cè)事件處理程序。這個(gè)Element對(duì)象表示文檔里的一個(gè)html' target='_blank'>HTML元素。
例如:
復(fù)制代碼 代碼如下:
input type= checkbox name= options value= giftwrap onchange= order.options.giftwrap = this.checked;
HTML中定義的事件處理程序的屬性可以包含任意條JavaScript語(yǔ)句,相互之間用逗號(hào)分隔。這些語(yǔ)句組成一個(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ì)待,這意味著語(yǔ)句之間必須用分號(hào)隔開(kāi),而注釋必須用/**/注釋代替。javascript:URL能識(shí)別的資源是轉(zhuǎn)換成字符串的執(zhí)行代碼的返回值。如果代碼返回 undefined,那么這個(gè)資源是沒(méi)有內(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
以上就是在HTML文檔中嵌入JavaScript的四種方法的詳細(xì)內(nèi)容,html教程
鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除,多謝。
新聞熱點(diǎn)
疑難解答