前沿拓展：
啟用javascript
javascri嗎迅愿正飛增者準pt是一種一般在瀏覽器里執(zhí)行的腳本語言，手機有選項能開，說明你的手機瀏覽器是支持它的，那么開不容存轉(zhuǎn)沙染縣練軸編開就取決于你瀏覽的頁面是不是在使用這種腳本語言了。所以開了如果多了什么頁面來自效果就說明你瀏覽的頁面支持該腳本語言。默認開著問題也不大，就是會多消耗點處理性能啦，不過這個消耗也不是很大，除非你看的頁面腳本爆多呵呵。
在JavaScript誕生之初Netscape 瀏覽器要解決一個重要的問題就是如何讓JavaScript和html頁面共存，經(jīng)過嘗試、爭論最終決定為web增加統(tǒng)一的腳本支持，并被正式納入HTML規(guī)范之中。
本篇主要介紹如何在html網(wǎng)頁中使用<script> 標簽元素引入腳本，關(guān)于<script>元素有以下屬性：
src：可選，表示引入的外部js文件。type：可選，表示編寫代碼的腳本語言內(nèi)容類型（MIME類型）。目前此屬性都使用text/javascript,這個屬性值也是默認的值，如果不設(shè)置type屬性就使用這個默認值。除此之外也可以使用 text/ecmascript或 application/javascript等，因為各瀏覽器兼容性問題，在此不建議使用。language：已廢棄。早期用來表示腳本語言類型，比如（JavaScript、JavaScript1.2或VBScript），現(xiàn)已不再使用。charset：可選。表示通過src指定的代碼的字符集。大多數(shù)瀏覽器會忽略這個屬性，因此很少使用。defer：可選。表示腳本延遲到文檔完全被解析和顯示后再執(zhí)行。只有在加載外部js文件時才可用。async：可選。表示應(yīng)該立即下載腳本，但不阻礙頁面其它部分的**作，比如下載其它資源或等待加載其它腳本。只有在加載外部js文件時才可用。腳本使用方法
一般都會在<head>元素中使用<script>標簽，分別有內(nèi)嵌式腳本和外部腳本兩種用法，具體如下：
<html>
<head>
<script type="text/javascript" src="hello.js"></script>
</head>
<body></body>
</html>
如上代碼，外部腳本通過src屬性引入，這里的src屬性和img圖片的src一樣，它的值是一個URL，可以使相對路徑，絕對路徑，甚至是來自第三方域的地址。
外部腳本的優(yōu)點就是，它可以把不同業(yè)務(wù)的代碼放入到指定的外部js文件中，依次引入到頁面，這樣當(dāng)頁面的業(yè)務(wù)邏輯復(fù)雜時便于管理組織代碼。如今，在各現(xiàn)代瀏覽器中已經(jīng)部分支持原生的模塊語法，意味著可以在js文件中直接引入其它js文件，關(guān)于模塊化后期再單獨介紹。
script標簽的位置
默認情況下，瀏覽器會按照script標簽在頁面中出現(xiàn)的順序從前到后依次進行解析。也就是說，后面的script要等前面的script解析完后再執(zhí)行。所以有時就會因為腳本錯誤，導(dǎo)致頁面無法繼續(xù)往下執(zhí)行，頁面就會出現(xiàn)空白或顯示部分，所以一般約定將script標簽放在</body>標簽之前，這樣即使腳本出錯，也不會影響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>
把腳本放在最后，還有個好處就是使頁面打開的速度變快，這是因為js腳本的解析是同步的，會阻塞后面的代碼。
延遲腳本
使用defer屬性延遲腳本，這個屬性的用途是指在腳本執(zhí)行時不會影響頁面html或css的解析。直到整個頁面解析完畢后再運行。因此，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>
在這個例子中,雖然腳本放在head元素中，但其包含的腳本會延遲到瀏覽器解析完整個頁面后才執(zhí)行。這里要注意，html5 規(guī)范中要求腳本按照先后順序執(zhí)行，理論上第一個延遲腳本會先于第二個，但是實際情況并不是這樣的，因此一般頁面中盡量只有一個延遲腳本。關(guān)于延遲腳本，后面會繼續(xù)詳細介紹。
前面說過，defer屬性只對外部腳本起作用，內(nèi)嵌式不支持，除非早期的ie瀏覽器才支持，在這里不再具體探討，畢竟是過時的東西，沒必要學(xué)習(xí)。
異步腳本
和延遲腳本一樣，使用async可以改變處理腳本的行為。異步腳本只適用于外部js文件，它表示告訴瀏覽器立即下載文件，和defer不同之處就是異步腳本不保證會按照先后順序執(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>
上面代碼中，第二腳本可能會在第一個腳本文件之前執(zhí)行。因此保證它們相互之間不依賴非常重要。
建議異步腳本不要在加載中修改DOM,在xhtml文檔中使用async=“async”才起作用。
<noscript>元素
早期瀏覽器面臨一個特殊的情況，就是當(dāng)瀏覽器不支持JavaScript時如何讓頁面平穩(wěn)的顯示。因此為了解決這個問題創(chuàng)造了一個<noscript>元素，用來在不支持JavaScript時在頁面中顯示代替的內(nèi)容。這個元素中可以包含任何html元素，除了<script>外。
當(dāng)瀏覽器禁用JavaScript時，也可以使用這個標簽，如下示例：
<html>
<head>
<script type="text/javascript" async src="demo1.js"></script>
<script type="text/javascript" async src="demo2.js"></script>
</head>
<body>
<noscript>本頁面需要瀏覽器支持或啟用JavaScript。</noscript>
</body>
</html>
在不支持或禁用JavaScript的瀏覽器頁面中就會看到上面這段文字。
小編綜合來說
在html頁面中使用<script>標簽可以使用嵌入式或外部js文件，這里我們要注意幾點：
在包含外部腳本文件時，必須將src屬性設(shè)置為指向相應(yīng)的文件URL。這個文件可以是同一個服務(wù)器上的或其它域中的文件。所有<script>元素都會按照在頁面中出現(xiàn)的先后順序被依次解析。在不適應(yīng)延遲或異步屬性時，只有在所有<script>標簽代碼解析完后，才繼續(xù)后面的代碼。將<script>元素放在頁面最后，即body結(jié)束標簽之前。使用defer屬性延遲腳本在頁面完全呈現(xiàn)之后再執(zhí)行。延遲腳本一般會按照順序執(zhí)行。使用async異步加載腳本，表示腳本不必等待其它腳本，也不會阻塞文檔呈現(xiàn)。但異步腳本不能保證按照先后順序執(zhí)行。<noscript>元素，在不支持JavaScript或禁用JavaScript的瀏覽器中顯示替代內(nèi)容。
本文主要介紹了，JavaScript的基本使用方法，詳細介紹了<script>元素的語法，后面我們將正式開始JavaScript學(xué)習(xí)，JavaScript的語法是一個類似c語言或其它高級語言（如java、perl等），如果你有其它語言的基礎(chǔ)，學(xué)習(xí)起來非常容易。
感謝您的關(guān)注，歡迎指正。
拓展知識：
原創(chuàng)文章，作者：九賢生活小編，如若轉(zhuǎn)載，請注明出處：http://m.xiesong.cn/34197.html
相關(guān)推薦
-
聯(lián)想p7000配置(聯(lián)想P7000)
大家好，今天來為大家解答聯(lián)想p7000配置(聯(lián)想P7000)這個問題的一些問題點，包括聯(lián)想p7000配置(聯(lián)想P7000)也一樣很多人還不知道，因此呢，今天就來為大家分析分析，現(xiàn)在讓我們一起來看看吧！如果解決了您的問題，還望您關(guān)注下本站哦，謝謝~「手慢無」拯救者刃700
-
筆記本電腦品牌排名前十(筆記本電腦牌子排名前十名有哪些)
筆記本電腦哪個品牌性價比高？ 筆記本電腦相比較還是聯(lián)想品牌的性價比比較高的。此款筆記本電腦的內(nèi)存比較大的，運行速速度很快的，配置也是非常不錯的，而且照相、攝相功能也是特別好的，照出…
-
學(xué)生平板電腦哪個品牌好(適合中小學(xué)生用的平板哪個最好)
學(xué)生平板電腦哪個品牌好(適合中小學(xué)生用的平板哪個最好) 老鐵們好啊，今天小編給大家分享下我們在使用電腦過程中會遇到的一些問題故障該如何處理，熱門電腦游戲需求配置，電腦使用的一些小技…
-
戴爾官網(wǎng)下載驅(qū)動(戴爾官網(wǎng)下載驅(qū)動能一次下載完嗎)
戴爾官網(wǎng)下載驅(qū)動 本內(nèi)容來源于@什么值得買APP，觀點僅代表作者本人 ｜作者：霸霸鴨 閑聊 說來也是挺無語的，今年六月中旬的時候購入了暢網(wǎng)的j4125小機機。出于當(dāng)時學(xué)識淺薄，在以…
-
電腦在哪里買比較好(二手筆記本電腦在哪里買比較好)
電腦在哪里買比較好(二手筆記本電腦在哪里買比較好) 各位老鐵們，大家好，今天由我來為大家分享電腦在哪里買比較好(二手筆記本電腦在哪里買比較好)，以及電腦在哪里買比較好(二手筆記本電…
-
Win7系統(tǒng)屏幕橫過來了如何解決
Win7系統(tǒng)屏幕橫過來了如何解決 我們的電腦屏幕一般都是擺正的，不過有的時候遇到某種情況，我們的電腦屏幕就橫過來了，就跟手機一樣有這個功能一樣。最近，w7電腦系統(tǒng)的用戶，就遇到這樣…
-
13寸筆記本多大(13寸筆記本多大圖片)
13寸筆記本多大(13寸筆記本多大圖片) 老鐵們好啊，今天小編給大家解決電腦和筆記本電腦常見的問題和故障及其處理辦法 2021游戲筆記本排行(3000游戲筆記本性價比之王2021)…
-
960配什么主板(960支持什么主板)
960配什么主板(960支持什么主板) 老鐵們好啊，今天小編給大家分享下在使用電腦和筆記本電腦過程中會遇到的一些問題故障該如何處理，手機使用的一些小技巧 筆記本電腦開不了機黑屏(筆…
-
電腦主機1050多少錢(電腦主機回收一般多少錢)
第一段：什么是電腦主機 電腦主機是電腦的核心組成部分，通常包括**處理器、內(nèi)存、硬盤、主板以及電源等組件。它是負責(zé)計算機基本運行的設(shè)備，承擔(dān)著處理數(shù)據(jù)、控制**作系統(tǒng)、存儲程序、接…
-
amd公版顯卡曝光(amd公版顯卡散熱怎么樣)
1、 其主要特性和功能包括 AMDRDNA3架構(gòu)–配備采用了統(tǒng)一的光線**和AI加速器且經(jīng)過重新設(shè)計的計算單元，雙8pin供電，無限緩存容量為64MB，而降價后的RX6950XT恰…
