JavaScript高级程序设计学习笔记——第二章在HTML中使用JavaScript

今天来到“高3 ”的第二章,在HTML中使用JavaScript,也就是我们平时开发最常用的模式了。


也是合法的。

  • async:立即下载脚本,不应妨碍页面上其他操作(即下载该外部脚本不阻塞页面)
  • charset:大部分浏览器会忽略其值,所以别用了
  • defer:脚本延时文档完全被解析和显示之后再执行
  • language:已废弃
  • src:最常用的外部文件引入方式
  • type:不需要设置,默认属性还是text/javascript

    所以一般会有2种方式,一种是在HTML内部的JavaScript脚本,直接使用,不需要添加任何属性,包括type属性;另一种是引入外部文件,最简洁的方式是,另外可以根据需要设置async和defer属性来决定脚本是否异步加载或者是延时加载。

    需要注意的是如果不设置async和defer属性,浏览器会按照


    嵌入代码与外部文件

    最好使用外部文件来包含JavaScript代码,优点:
    - 可维护性:JavaScript与HTML分离
    - 可缓存:多页面使用同一JavaScript文件,只需下载一次
    - 适应未来:对XHTML和HTML而言包含外部文件的语法相同


    文档模式

    也就是最开头的指定的,目前文档模式有三种:混杂模式(quirks mode)、标准模式(standards mode)和准标准模式(almost standards mode)。

    准标准模式下很对特性都会按照浏览器标准去解析(当然,不是所有),文档开始处如果没有发现文档类型声明,则默认是混杂模式。混杂模式不值得推荐,目前大部分网站用的都是标准模式。

    以前一直不清楚doctype怎么写,不过好消息是,在Html5中,对于文档类型已经统一,直接写法是即可,非常简单明了。再来看看过去复杂的标准:

    • 触发标准模式:
    
    
    
    
    
    
    
    
    • 触发准标准模式:
    
    
    
    
    
    
    
    
    
    
    

    • 浏览器不支持脚本
    • 浏览器支持脚本,但脚本被禁用

    小结

    在html中使用JavaScript,外部文件src指向脚本url,可以是本地资源,也可以跨域。两个属性,defer延时,async异步加载不阻塞页面。
    

你可能感兴趣的:(JavaScript,学习笔记)