第二章 在HTML中使用JavaScript

第二章 在HTML中使用JavaScript

2.1 <script>元素

  • 由Netscape创造，纳入HTML标准
  • HTML4.01为<script>定义了6个属性
属性 作用
async 异步（可选，外部引用）
charset src指定代码的字符集（可选）
defer 延迟加载（可选）
src 外部文件（可选）
type 脚本内容类型（可选 MIME）

2.1.1 标签的位置

  • <body>元素页面内容的后面

2.1.2 延迟脚本

  • defer 立即下载，但延迟执行
  • 放在页面底部是最佳选择，避免部分浏览器不支持

2.1.3 异步脚本

  • async 不保证加载顺序

2.1.4 在XHTML中用法

  • XHTML可拓展超文本标记语言（Extensible Hyper Text Markup Language）
  • 避免解析异常：CDATA（包住XHTML解析的特殊区域）
<script type="text/javascript">
    //<![CDATA[
        function compare(a, b){
            if(a < b){
                alert("A is less than B");
            }else if(a > b){
                alert("A is greater than B");
            }else{
                alert("A is equal to B");
            }
        }
    //]]>
</script>

2.2 嵌入代码与外部文件

  • 外部文件的优点
    • 可维护性
    • 可缓存性
    • 适应未来

2.3 文档模式

  • 混杂模式
  • 标准模式
<!-- HTML 4.01 严格型 -->
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/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">

<!-- HTML 4.01 框架集型 -->
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

posted @ 2019-08-16 21:45  KevinTseng  阅读(57)  评论(0)  编辑  收藏  举报