第二章 在HTML中使用JavaScript
阿新 • • 發佈：2018-11-17
通過 代碼 2.3 span doctype 可選 嚴格 style ava
2.1 <script> 元素
向HTML中插入JavaScript的主要方法就是使用 <script> 標簽
<script> // 嵌入式 </script>
<!-- 引用外部 --> <script src="#"> </script>
它有以下的屬性：
- async ： 可選 表示應該立刻下載此腳本 但不能妨礙頁面其他操作 只對外部腳本有效
- charset：可選 表示通過src 屬性指定 代碼的 字符集
- defer： 可選 表示 腳本可以等到文檔完全別解析顯示後再執行
- src：可選 表示包含要執行代碼的外部文件
- type： 可選 表示編輯代碼使用的腳本語言的內容類型 一般都用 text/javascript
在帶有 src 屬性的<script>標簽內 的 JavaScript代碼將不能被執行 只會下載外部的腳本文件
只要不存在defer 或者async 屬性 瀏覽器只會安裝 先後順序 進行解析
2.1.1 標簽的位置
一般都放在 <head> 元素裏 這樣會降低body的解析速度 ， 現代的 一般放在 body 後面
<!-- head 裏先解析 JavaScript 在解析 body 頁面 --> <html><head> <title> 6 </title> <script src="#"> </script> </head> <body>
<!-- body 下面先解析body 頁面 在解析 JavaScript腳本 -->
<script src="#"> </script>
</body> </html>
2.2 嵌入代碼 與外部文件
最好使用 外部文件 優點： 可維護性 可緩存 適應未來
2.3 文檔模式
IE 有文檔模式的概念 。 有 混雜模式 和 標準模式 ， 後來又提出了 準標準模式
開啟 標準模式 <!-- HTML 4.01 嚴格型 --> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 或 <!-- XHTML 1.0 嚴格型 --> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 或 <!-- HTML 5 --> <!DOCTYPE html> 開啟準標準模式： 使用過渡型文檔來觸發 <!-- HTML 4.01 過渡型 --> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <!-- XHTML 1.0 過渡型 --> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 使用框架集型文檔來觸發 <!-- HTML 4.01 框架集型 --> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <!-- XHTML 1.0 框架集型 --> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
2.4 <noscript> 元素
以下時候<noscript> 起作用
- 瀏覽器不支持腳本
- 瀏覽器支持 但禁用 時
<html> <head> <title> ddd </title> </head> <body> <noscript> <div> 你的瀏覽器 不支持 JavaScript </div> </noscript> </body> </html>
第二章 在HTML中使用JavaScript