首頁 >web前端 >html教學 >html裡js怎麼使用

html裡js怎麼使用

coldplay.xixi
coldplay.xixi原創
2021-03-04 14:18:038919瀏覽

html裡js的使用方法:1.在HTML中使用【3f1c4e4b6b16bbbd69b2ee476dc4f83a】嵌入JavaScript,在使用【3f1c4e4b6b16bbbd69b2ee476dc4f83a】包含外部檔案時使用src屬性;2、所有【27835793f4768f4164d1421d99e293bc】元素都應該放在頁面的元素中。

html裡js怎麼使用

本教學操作環境:windows7系統、html 4.01版,DELL G3電腦。

html裡js的使用方法:

1、3f1c4e4b6b16bbbd69b2ee476dc4f83a元素

##在HTML中使用

3f1c4e4b6b16bbbd69b2ee476dc4f83a嵌入JavaScript

HTML 4.01 為

3f1c4e4b6b16bbbd69b2ee476dc4f83a定義了下列6 個屬性。

  • async:可選。表示應該立即下載腳本,但不應妨礙頁面中的其他操作,例如下載其他資源或等待載入其他腳本。只對外部腳本檔案有效。

  • charset:可選。表示透過src屬性指定的程式碼的字元集。由於大多數瀏覽器會忽略它的值,因此這個屬性很少有人使用。

  • defer:可選。表示腳本可以延遲到文件完全被解析和顯示之後再行。只對外部腳本檔案有效。 IE7及更早版本對嵌入腳本也支援這個屬性。

  • language:已廢棄。原來是用來表示編寫程式碼所使用的腳本語言(如 JavaScript、JavaScript1.2或 VBScript)。大多數瀏覽器會忽略這個屬性,因此也沒有必要再用了。

  • src:可選。表示包含要執行程式碼的外部檔案。

  • type:可選。可以看成是language的替代屬性;表示編寫程式碼使用的腳本語言的內容類型(也稱為 MIME 類型)。雖然 text/javascript 和 text/ecmascript 都已經不被建議使用,但人們一直以來使用的都還是 text/javascript。實際上,伺服器在傳送 JavaScript 檔案時使用的

MIME 類型通常是 application/x–javascript,但在type中設定這個卻可能導致腳本被忽略。另外,在非IE瀏覽器中還可以使用下列值:

application/javascript和application/ecmascript。考慮到約定俗成和最大限度的瀏覽器相容性,目前 type 屬性的值依舊還是

text/javascript。不過,這個屬性並不是必需的,如果沒有指定這個屬性,則其預設值仍為text/javascript。

使用

3f1c4e4b6b16bbbd69b2ee476dc4f83a元素的方式有兩種:直接在頁面中嵌入 JavaScript 程式碼和包含外部 JavaScript檔案。使用3f1c4e4b6b16bbbd69b2ee476dc4f83a元素嵌入JavaScript程式碼時,只須為3f1c4e4b6b16bbbd69b2ee476dc4f83a指定type屬性。然後,像下面這樣把JavaScript程式碼直接放在元素內部即可:

<script type="text/javascript">
function fun(){
    alert("hello")
}
</script>

包含在3f1c4e4b6b16bbbd69b2ee476dc4f83a元素內部的 JavaScript 程式碼將會從上到下依序解釋。

在解譯器對3f1c4e4b6b16bbbd69b2ee476dc4f83a元素內部的所

有程式碼求值完畢以前,頁面中的其餘內容都不會被瀏覽器載入或顯示。

在使用3f1c4e4b6b16bbbd69b2ee476dc4f83a嵌入 JavaScript 程式碼時,記得不要在程式碼中的任何地方出現2cacc6d41bbb37262a98f745aa00fbf0字串。如果必須出現,請使用/轉義符

053a9cc4c2e9b9f6f911642332d34e85

在使用3f1c4e4b6b16bbbd69b2ee476dc4f83a包含外部檔案時使用src屬性。在解析外部文件時(包括下載)會停止頁面的處理。在有src屬性的3f1c4e4b6b16bbbd69b2ee476dc4f83a中間不能再嵌入其他程式碼 ,否則不會執行。

2、標籤的位置

依照傳統的做法,所有3f1c4e4b6b16bbbd69b2ee476dc4f83a元素都應該放在頁面的元素中,如:

這樣做或是瀏覽器在所有的js檔案都下載解析和執行完成後才開始顯示頁面(瀏覽器遇到body才會開始呈現內容)

為了避免這個問題,現代Web 應用程序一般都會把全部JavaScript 引號

用放在元素中頁面內容的後面,如下例所示:

<!DOCTYPE html>
<html>
<head>
<title>Example HTML Page</title>
</head>
<body>
<!-- 这里放内容 -->
<script type="text/javascript" src="example1.js"></script>
<script type="text/javascript" src="example2.js"></script>
</body>
</html>

這樣,在解析包含的JavaScript程式碼之前,頁面的內容將會完全呈現在瀏覽器中。而使用者也會因為瀏覽器視窗顯示空白頁面的時間縮短而感到開啟頁面的速度加快了。

3、文件模式

doctype

混雜模式

標準模式

準標準模式

4、2b0b25ff593c5b6c03403dd6234ffb2c

這個元素可以包含任何能夠出現在文件6c04bd5ca3fcae76e30b72ad730ca86d中的HTML 元素-3f1c4e4b6b16bbbd69b2ee476dc4f83a元素除外。包含

2b0b25ff593c5b6c03403dd6234ffb2c元素中的內容只有在下列情況下才會顯示出來:

[ ] 瀏覽器不支援腳本;

[ ] 瀏覽器支援腳本,但腳本被停用。

符合上述任何一个条件,浏览器都会显示2b0b25ff593c5b6c03403dd6234ffb2c中的内容。而在除此之外的其他情况下,浏览器不会呈现2b0b25ff593c5b6c03403dd6234ffb2c中的内容。示例:

<html>
<head>
<title>Example HTML Page</title>
<script type="text/javascript" defer="defer" src="example1.js"></script>
<script type="text/javascript" defer="defer" src="example2.js"></script>
</head>
<body>
<noscript>
<p>本页面需要浏览器支持(启用) JavaScript。</p>
</noscript>
</body>
</html>

相关学习推荐:html视频教程

以上是html裡js怎麼使用的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn