本篇內(nèi)容主要講解“在HTML中怎么使用JavaScript”,感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷,實用性強。下面就讓小編來帶大家學(xué)習(xí)“在HTML中怎么使用JavaScript”吧!
從策劃到設(shè)計制作,每一步都追求做到細膩,制作可持續(xù)發(fā)展的企業(yè)網(wǎng)站。為客戶提供網(wǎng)站設(shè)計制作、做網(wǎng)站、網(wǎng)站策劃、網(wǎng)頁設(shè)計、主機域名、網(wǎng)站空間、網(wǎng)絡(luò)營銷、VI設(shè)計、 網(wǎng)站改版、漏洞修補等服務(wù)。為客戶提供更好的一站式互聯(lián)網(wǎng)解決方案,以客戶的口碑塑造優(yōu)易品牌,攜手廣大客戶,共同發(fā)展進步。
<script>標(biāo)簽
在HTML5中script主要有以下幾個屬性:async,defer,charset,src,type,
async(可選):
關(guān)鍵詞:異步腳本,外部文件,立即下載;
當(dāng)標(biāo)簽中包含這個屬性時會立即下載腳本(外部文件),只對外部腳本文件有效,下載的同時可以進行頁面的其他操作,下載完成后停止解析并執(zhí)行,執(zhí)行后繼續(xù)進行解析,但不能保證執(zhí)行順序?! ?nbsp;
<script src="js/index2.js" async="async"></script> |
defer(可選):
關(guān)鍵詞:延遲腳本,外部文件,延遲加載;
當(dāng)標(biāo)簽中包含這個屬性時,腳本可以再等到頁面完全被解析或顯示之后執(zhí)行,只對外部文件有效,如果同時存在兩個帶有defer的腳本,由于延遲的原因,前者將會有限于后者執(zhí)行?!?
<script src="js/index1.js" defer="defer"></script> |
charset(可選):
關(guān)鍵詞:字符集
大多數(shù)瀏覽器已經(jīng)忽略它的值了,所以很少有人使用。
src(可選):
關(guān)鍵詞:外部引用
表示需要引用的外部文件的地址。
type(可選):
關(guān)鍵詞:MIME(腳本語言的內(nèi)容類型)
為保證最大限度的瀏覽器兼容,type的屬性值主要時候用的依舊是text/javascript,如果沒有寫這個屬性,其默認值仍然為text/javascript。
注意:在引用外部文件,標(biāo)簽中不要加入其它JS代碼,瀏覽器在解析時,只會下載src引用的外部腳本文件,表中內(nèi)嵌入的代碼將會被忽略。
<script>標(biāo)簽的位置
通常,我們會把帶有外部文件的的標(biāo)簽(包括CSS文件,JavaScript文件)的引用放在相同的位置,一般是在<head>標(biāo)簽里面。
但是在解析過程中一旦遇到多個JavaScript外部文件,就要等到所有的外部文件加載完成后,頁面才能完全顯示,所以通常我們會把它放在<body>標(biāo)簽里的底部。
在上面中提到過<script>中有defer這個屬性,但是由于在HTML5中提到過,HTML5會忽略嵌入腳本所設(shè)置defer屬性,目前只有IE4~IE7還支持defer屬性,IE8以后完全遵循HTML5的標(biāo)準,所以把<script>放在<body>標(biāo)簽里的底部依舊是最佳選擇。
引用外部文件的優(yōu)點
利于維護:把所有的JavaScript的文件放在一起,不僅可以不觸及HTML代碼,而且更有利于開發(fā)者進行代碼的編寫和維護。
加速瀏覽:如果有多個HTML頁面引用了同一個JavaScript外部文件,這個文件只會加載一次(緩存),也就是說可以加快頁面的加載速度。
安全性:引用外部文件,如果用戶查看HTML代碼,將不會看到JavaScript的代碼,比寫在標(biāo)簽內(nèi)安全性更高一些。
<noscript>標(biāo)簽
字面意思,NO-script,沒有script,也就是瀏覽器不支持JavaScript時,<noscript>標(biāo)簽中內(nèi)容才會被顯示,
瀏覽器不支持腳本;
瀏覽器支持腳本,但是JavaScript被禁用;
以上兩條符合任何一個,<noscript>標(biāo)簽內(nèi)的內(nèi)容都會被顯示。
上圖頁面,給用戶了一個信息,當(dāng)瀏覽器不支持或禁用JavaScript是才會被顯示,否則用戶將永遠不會看到,并且不會影響頁面其他元素的顯示。
到此,相信大家對“在HTML中怎么使用JavaScript”有了更深的了解,不妨來實際操作一番吧!這里是創(chuàng)新互聯(lián)網(wǎng)站,更多相關(guān)內(nèi)容可以進入相關(guān)頻道進行查詢,關(guān)注我們,繼續(xù)學(xué)習(xí)!
本文標(biāo)題:在HTML中怎么使用JavaScript
網(wǎng)站地址:http://chinadenli.net/article48/joeghp.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站維護、靜態(tài)網(wǎng)站、品牌網(wǎng)站制作、、網(wǎng)站排名、外貿(mào)網(wǎng)站建設(shè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)