高程3總結#第2章在HTML中使用JavaScript

在HTML中使用JavaScript

<script>元素

• 向HTML頁面中插入JavaScript的主要方法，就是使用<script>元素

• <script>的六個屬性：

  • async，可選，表示應該當即下載腳本，不妨礙頁面其餘操做，只對外部腳本有效。
  • charset，可選，表示經過src屬性指定的代碼的字符集，大多數瀏覽器會忽略。
  • defer，可選，表示腳本能夠延遲到文檔徹底被解析和顯示以後再執行，只對外部腳本有效。
  • language，已廢棄，原來用於表示編寫代碼使用的腳本語言。
  • src，可選，表示要執行代碼的外部文件。
  • type，可選，代替language，值爲text/javascript
• 包含在<script>元素內部的JavaScript代碼將被從上至下一次解釋。
• 瀏覽器遇到字符串"</script>"時，就會認爲那是結束的標籤，經過轉義字符能夠解決這個問題。alert("</script>")
• 在解析嵌入式JavaScript或者外部JavaScript文件時，頁面的處理會暫時中止。
• 帶src屬性的<script>元素不該該在這對兒標籤之間包含額外的JavaScript代碼。
• 只要不存在defer和async屬性，瀏覽器都會按照<script>元素在頁面中出現的前後順序對它們依次進行解析。
• H4爲<script>元素定義了defer屬性，這個屬性的用途是代表腳本在執行時不會影響頁面的構造。也就是說，腳本會被延遲到整個頁面都解析完畢後再運行。
• H5爲<script>元素定義了async屬性，與defer相似。與defer不一樣的是，async不保證它們的前後執行順序。

文檔模式

• 文檔模式分爲混雜模式(quirks mode)和標準模式(standards mode)

• 混雜模式會讓IE的行爲與IE5相同。標準模式讓IE的行爲更接近標準行爲。主要影響CSS的呈現。

  • 在標準模式中width是實際內容的寬度，這個元素的寬度是邊距+內容寬度，也就是左右margin+左右padding+左右border+width
  • 在混雜模式中width就是元素的實際寬度
  • 在標準模式中，給span等行內元素設置寬高都不會生效
  • 在混雜模式中，給行內元素設置寬高能夠生效
  • 在標準模式中，一個元素的高度有內容來決定，若是父元素沒有高度，那麼子元素對高度設置百分比是無效的。