在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等行内元素设置宽高都不会见效
  • 在混淆形式中，给行内元素设置宽高能够见效
  • 在规范形式中，一个元素的高度有内容来决议，假如父元素没有高度，那么子元素对高度设置百分比是无效的。