科技知識動態:html里js怎么使用

導讀跟大家講解下有關html里js怎么使用,相信小伙伴們對這個話題應該也很關注吧,現在就為小伙伴們說說html里js怎么使用,小編也收集到了有關ht

跟大家講解下有關html里js怎么使用,相信小伙伴們對這個話題應該也很關注吧,現在就為小伙伴們說說html里js怎么使用,小編也收集到了有關html里js怎么使用的相關資料,希望大家看到了會喜歡。

html里js的使用方法:1、在HTML中使用【<script>】嵌入JavaScript,在使用【<script>】包含外部文件時使用src屬性;2、所有【<script>】元素都應該放在頁面的元素中。

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

html里js的使用方法:

1、<script>元素

在HTML中使用<script>嵌入JavaScript

HTML 4.01 為

<script>定義了下列 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。

使用<script>元素的方式有兩種:直接在頁面中嵌入 JavaScript 代碼和包含外部 JavaScript文件。在使用<script>元素嵌入JavaScript代碼時,只須為<script>指定type屬性。然后,像下面這樣把JavaScript代碼直接放在元素內部即可:

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

包含在<script>元素內部的 JavaScript 代碼將被從上至下依次解釋。

在解釋器對<script>元素內部的所

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

在使用<script>嵌入 JavaScript 代碼時,記住不要在代碼中的任何地方出現</script>字符串。如果必須出現,請使用/轉義符<\/script>

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

2、標簽的位置

按照傳統的做法,所有<script>元素都應該放在頁面的元素中,如:

這樣做或是瀏覽器在所有的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、<noscript>

這個元素可以包含能夠出現在文檔<body>中的任何 HTML 元素——<script>元素除外。包含

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

[ ] 瀏覽器不支持腳本;

[ ] 瀏覽器支持腳本,但腳本被禁用。

符合上述任何一個條件,瀏覽器都會顯示<noscript>中的內容。而在除此之外的其他情況下,瀏覽器不會呈現<noscript>中的內容。示例:

<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中文網其它相關文章!

來源:php中文網

免責聲明:本文由用戶上傳,如有侵權請聯系刪除!