溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下html里js的使用方法，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
html里js的使用方法：1、在HTML中使用【<script>】嵌入JavaScript，在使用【<script>】包含外部文件時使用src屬性；2、所有【<script>】元素都應該放在頁面的元素中。
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里js的使用方法”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
