前沿拓展：
啟用javascript
javascri嗎迅愿正飛增者準(zhǔn)pt是一種一般在瀏覽器里執(zhí)行的腳本語(yǔ)言，手機(jī)有選項(xiàng)能開(kāi)，說(shuō)明你的手機(jī)瀏覽器是支持它的，那么開(kāi)不容存轉(zhuǎn)沙染縣練軸編開(kāi)就取決于你瀏覽的頁(yè)面是不是在使用這種腳本語(yǔ)言了。所以開(kāi)了如果多了什么頁(yè)面來(lái)自效果就說(shuō)明你瀏覽的頁(yè)面支持該腳本語(yǔ)言。默認(rèn)開(kāi)著問(wèn)題也不大，就是會(huì)多消耗點(diǎn)處理性能啦，不過(guò)這個(gè)消耗也不是很大，除非你看的頁(yè)面腳本爆多呵呵。
在JavaScript誕生之初Netscape 瀏覽器要解決一個(gè)重要的問(wèn)題就是如何讓JavaScript和html頁(yè)面共存，經(jīng)過(guò)嘗試、爭(zhēng)論最終決定為web增加統(tǒng)一的腳本支持，并被正式納入HTML規(guī)范之中。
本篇主要介紹如何在html網(wǎng)頁(yè)中使用<script> 標(biāo)簽元素引入腳本，關(guān)于<script>元素有以下屬性：
src：可選，表示引入的外部js文件。type：可選，表示編寫(xiě)代碼的腳本語(yǔ)言內(nèi)容類型（MIME類型）。目前此屬性都使用text/javascript,這個(gè)屬性值也是默認(rèn)的值，如果不設(shè)置type屬性就使用這個(gè)默認(rèn)值。除此之外也可以使用 text/ecmascript或 application/javascript等，因?yàn)楦鳛g覽器兼容性問(wèn)題，在此不建議使用。language：已廢棄。早期用來(lái)表示腳本語(yǔ)言類型，比如（JavaScript、JavaScript1.2或VBScript），現(xiàn)已不再使用。charset：可選。表示通過(guò)src指定的代碼的字符集。大多數(shù)瀏覽器會(huì)忽略這個(gè)屬性，因此很少使用。defer：可選。表示腳本延遲到文檔完全被解析和顯示后再執(zhí)行。只有在加載外部js文件時(shí)才可用。async：可選。表示應(yīng)該立即下載腳本，但不阻礙頁(yè)面其它部分的**作，比如下載其它資源或等待加載其它腳本。只有在加載外部js文件時(shí)才可用。腳本使用方法
一般都會(huì)在<head>元素中使用<script>標(biāo)簽，分別有內(nèi)嵌式腳本和外部腳本兩種用法，具體如下：
<html>
<head>
<script type="text/javascript" src="hello.js"></script>
</head>
<body></body>
</html>
如上代碼，外部腳本通過(guò)src屬性引入，這里的src屬性和img圖片的src一樣，它的值是一個(gè)URL，可以使相對(duì)路徑，絕對(duì)路徑，甚至是來(lái)自第三方域的地址。
外部腳本的優(yōu)點(diǎn)就是，它可以把不同業(yè)務(wù)的代碼放入到指定的外部js文件中，依次引入到頁(yè)面，這樣當(dāng)頁(yè)面的業(yè)務(wù)邏輯復(fù)雜時(shí)便于管理組織代碼。如今，在各現(xiàn)代瀏覽器中已經(jīng)部分支持原生的模塊語(yǔ)法，意味著可以在js文件中直接引入其它js文件，關(guān)于模塊化后期再單獨(dú)介紹。
script標(biāo)簽的位置
默認(rèn)情況下，瀏覽器會(huì)按照script標(biāo)簽在頁(yè)面中出現(xiàn)的順序從前到后依次進(jìn)行解析。也就是說(shuō)，后面的script要等前面的script解析完后再執(zhí)行。所以有時(shí)就會(huì)因?yàn)槟_本錯(cuò)誤，導(dǎo)致頁(yè)面無(wú)法繼續(xù)往下執(zhí)行，頁(yè)面就會(huì)出現(xiàn)空白或顯示部分，所以一般約定將script標(biāo)簽放在</body>標(biāo)簽之前，這樣即使腳本出錯(cuò)，也不會(huì)影響html的解析。
如下示例：
<html>
<head>
</head>
<body>
<p>引入外面腳本文件</p>
<script type="text/javascript" src="demo1.js"></script>
<script type="text/javascript" src="demo2.js"></script>
</body>
</html>
把腳本放在最后，還有個(gè)好處就是使頁(yè)面打開(kāi)的速度變快，這是因?yàn)閖s腳本的解析是同步的，會(huì)阻塞后面的代碼。
延遲腳本
使用defer屬性延遲腳本，這個(gè)屬性的用途是指在腳本執(zhí)行時(shí)不會(huì)影響頁(yè)面html或css的解析。直到整個(gè)頁(yè)面解析完畢后再運(yùn)行。因此，defer屬性就是告訴瀏覽器立即下載js文件，但延遲執(zhí)行它。
如下示例：
<html>
<head>
<script type="text/javascript" defer="defer" src="demo1.js"></script>
<script type="text/javascript" defer="defer" src="demo2.js"></script>
</head>
<body>
<p>延遲引入外面腳本文件</p>
</body>
</html>
在這個(gè)例子中,雖然腳本放在head元素中，但其包含的腳本會(huì)延遲到瀏覽器解析完整個(gè)頁(yè)面后才執(zhí)行。這里要注意，html5 規(guī)范中要求腳本按照先后順序執(zhí)行，理論上第一個(gè)延遲腳本會(huì)先于第二個(gè)，但是實(shí)際情況并不是這樣的，因此一般頁(yè)面中盡量只有一個(gè)延遲腳本。關(guān)于延遲腳本，后面會(huì)繼續(xù)詳細(xì)介紹。
前面說(shuō)過(guò)，defer屬性只對(duì)外部腳本起作用，內(nèi)嵌式不支持，除非早期的ie瀏覽器才支持，在這里不再具體探討，畢竟是過(guò)時(shí)的東西，沒(méi)必要學(xué)習(xí)。
異步腳本
和延遲腳本一樣，使用async可以改變處理腳本的行為。異步腳本只適用于外部js文件，它表示告訴瀏覽器立即下載文件，和defer不同之處就是異步腳本不保證會(huì)按照先后順序執(zhí)行腳本。
如下示例：
<html>
<head>
<script type="text/javascript" async src="demo1.js"></script>
<script type="text/javascript" async src="demo2.js"></script>
</head>
<body>
<p>異步加載腳本文件</p>
</body>
</html>
上面代碼中，第二腳本可能會(huì)在第一個(gè)腳本文件之前執(zhí)行。因此保證它們相互之間不依賴非常重要。
建議異步腳本不要在加載中修改DOM,在xhtml文檔中使用async=“async”才起作用。
<noscript>元素
早期瀏覽器面臨一個(gè)特殊的情況，就是當(dāng)瀏覽器不支持JavaScript時(shí)如何讓頁(yè)面平穩(wěn)的顯示。因此為了解決這個(gè)問(wèn)題創(chuàng)造了一個(gè)<noscript>元素，用來(lái)在不支持JavaScript時(shí)在頁(yè)面中顯示代替的內(nèi)容。這個(gè)元素中可以包含任何html元素，除了<script>外。
當(dāng)瀏覽器禁用JavaScript時(shí)，也可以使用這個(gè)標(biāo)簽，如下示例：
<html>
<head>
<script type="text/javascript" async src="demo1.js"></script>
<script type="text/javascript" async src="demo2.js"></script>
</head>
<body>
<noscript>本頁(yè)面需要瀏覽器支持或啟用JavaScript。</noscript>
</body>
</html>
在不支持或禁用JavaScript的瀏覽器頁(yè)面中就會(huì)看到上面這段文字。
小編綜合來(lái)說(shuō)
在html頁(yè)面中使用<script>標(biāo)簽可以使用嵌入式或外部js文件，這里我們要注意幾點(diǎn)：
在包含外部腳本文件時(shí)，必須將src屬性設(shè)置為指向相應(yīng)的文件URL。這個(gè)文件可以是同一個(gè)服務(wù)器上的或其它域中的文件。所有<script>元素都會(huì)按照在頁(yè)面中出現(xiàn)的先后順序被依次解析。在不適應(yīng)延遲或異步屬性時(shí)，只有在所有<script>標(biāo)簽代碼解析完后，才繼續(xù)后面的代碼。將<script>元素放在頁(yè)面最后，即body結(jié)束標(biāo)簽之前。使用defer屬性延遲腳本在頁(yè)面完全呈現(xiàn)之后再執(zhí)行。延遲腳本一般會(huì)按照順序執(zhí)行。使用async異步加載腳本，表示腳本不必等待其它腳本，也不會(huì)阻塞文檔呈現(xiàn)。但異步腳本不能保證按照先后順序執(zhí)行。<noscript>元素，在不支持JavaScript或禁用JavaScript的瀏覽器中顯示替代內(nèi)容。
本文主要介紹了，JavaScript的基本使用方法，詳細(xì)介紹了<script>元素的語(yǔ)法，后面我們將正式開(kāi)始JavaScript學(xué)習(xí)，JavaScript的語(yǔ)法是一個(gè)類似c語(yǔ)言或其它高級(jí)語(yǔ)言（如java、perl等），如果你有其它語(yǔ)言的基礎(chǔ)，學(xué)習(xí)起來(lái)非常容易。
感謝您的關(guān)注，歡迎指正。
拓展知識(shí)：
原創(chuàng)文章，作者：九賢生活小編，如若轉(zhuǎn)載，請(qǐng)注明出處：http://xiesong.cn/34197.html
相關(guān)推薦
-
聯(lián)想筆記本y7000系列(聯(lián)想y700筆記本詳細(xì)參數(shù))
聯(lián)想筆記本y7000系列 在昨晚，聯(lián)想拯救者官方正式發(fā)布了2023年的新品，包括全新的拯救者Y系列筆記本和多款配套產(chǎn)品。第一帶來(lái)的是2023款拯救者Y9000P系列游戲本，本次分為…
-
屏幕錄像專家v2012-屏幕錄像專家在隱藏窗口的時(shí)候怎么能停止錄制
本文目錄1、屏幕錄像專家在隱藏窗口的時(shí)候怎么能停止錄制？2、屏幕錄像專家加密視頻如何翻錄？3、你好，請(qǐng)問(wèn)下屏幕錄像專家是開(kāi)機(jī)自動(dòng)錄制嗎？每天只要開(kāi)機(jī)就可以錄制？4、屏幕錄像專家怎么設(shè)置錄制時(shí)間？1、屏幕錄像專家在隱藏窗口的時(shí)候怎么能停止錄制？ 默認(rèn)F2可以開(kāi)始，停止的。亦可以自己設(shè)置。 屏幕錄像專家設(shè)置步驟： 1、在電腦上安裝屏幕錄像專家軟件，并做好授權(quán)，然后啟動(dòng)軟件，桌面上有屏幕錄像專家快
-
聯(lián)想3000左右的筆記本推薦(聯(lián)想和惠普筆記本3000左右哪個(gè)好)
聯(lián)想3000左右的筆記本推薦(聯(lián)想和惠普筆記本3000左右哪個(gè)好) 老鐵們好啊，今天小編給大家分享下我們?cè)谑褂秒娔X過(guò)程中會(huì)遇到的一些問(wèn)題故障該如何處理，熱門(mén)電腦游戲需求配置，電腦使…
-
聯(lián)想拯救者保修服務(wù)范圍(聯(lián)想電腦售后維修服務(wù)網(wǎng)點(diǎn))
聯(lián)想拯救者保修服務(wù)范圍(聯(lián)想電腦售后維修服務(wù)網(wǎng)點(diǎn)) 聯(lián)想保修期內(nèi)可以享受什么服務(wù)？ 消費(fèi)者在購(gòu)買(mǎi)商品保修期內(nèi)，在不影響二次銷(xiāo)售的情況下，可以享受七天無(wú)理由退換貨，質(zhì)量問(wèn)題十五天之內(nèi)…
-
2021下半年即將首發(fā)的筆記本(2021年下半年筆記本發(fā)布)
2021下半年即將首發(fā)的筆記本(2021年下半年筆記本發(fā)布) 老鐵們好啊，今天小編給大家解決電腦和筆記本電腦常見(jiàn)的問(wèn)題和故障及其處理辦法 2022年戴爾筆記本新品發(fā)布 今年可能是戴…
-
a107870k相當(dāng)于什么顯卡(a107870k配什么顯卡)
a107870k相當(dāng)于什么顯卡(a107870k配什么顯卡) 老鐵們好啊，今天小編給大家分享下我們?cè)谑褂秒娔X過(guò)程中會(huì)遇到的一些問(wèn)題故障該如何處理，熱門(mén)電腦游戲需求配置，電腦使用的一…
-
聯(lián)想筆記本有學(xué)生優(yōu)惠嗎：聯(lián)想買(mǎi)筆記本有學(xué)生優(yōu)惠嗎
本篇文章給大家談?wù)劼?lián)想筆記本有學(xué)生優(yōu)惠嗎：聯(lián)想買(mǎi)筆記本有學(xué)生優(yōu)惠嗎，以及聯(lián)想筆記本有學(xué)生優(yōu)惠嗎：聯(lián)想買(mǎi)筆記本有學(xué)生優(yōu)惠嗎對(duì)應(yīng)的知識(shí)點(diǎn)，文章可能有點(diǎn)長(zhǎng)，但是希望大家可以閱讀完，增長(zhǎng)自己的知識(shí)，最重要的是希望對(duì)各位有所幫助，可以解決了您的問(wèn)題，不要忘了收藏本站喔。暑期聯(lián)想、宏碁筆記本優(yōu)惠力度如何？大概降價(jià)多少？我也推薦acer的，不過(guò)你不用急著買(mǎi)，因?yàn)楹瓿?/p>
-
聯(lián)想k3音響，聯(lián)想k3音響怎么恢復(fù)出廠設(shè)置
大家好,今天小編來(lái)為大家解答以下的問(wèn)題，關(guān)于聯(lián)想k3音響，聯(lián)想k3音響怎么恢復(fù)出廠設(shè)置，聯(lián)想k3音響，聯(lián)想k3音響怎么恢復(fù)出廠設(shè)置這個(gè)很多人還不知道，現(xiàn)在讓我們一起來(lái)看看吧！有顏有料的百元桌面小音響怎么樣？桌面小音響怎么選？作為一名音樂(lè)愛(ài)
-
惠普cq35(惠普cq43筆記本參數(shù))
惠普cq35(惠普cq43筆記本參數(shù)) 老鐵們好啊，今天小編給大家分享下我們?cè)谑褂秒娔X過(guò)程中會(huì)遇到的一些問(wèn)題故障該如何處理，熱門(mén)電腦游戲需求配置，電腦使用的一些小技巧 ddr2內(nèi)存…
-
kb4055038(kb4033631)
前沿拓展： （上接C45版） 4782 上海少藪派投資管理有限公司 錦繡前程4號(hào)證券投資基金 B880962497 550 2,228 93,999.32 470 94,469.3…
