JavaScript-HTML中使用script

144 阅读1分钟

script

属性

  • async 可选,表示立即下载脚本,但不影响其它操作
  • charset 表示通过src属性来指定代码的字符集
  • defer 设置文档完全解析显示后,执行script
  • src 指定外部文件
  • type 指定类型 MIME类型,text/javascript, application/javascript, application/ecmascrip
<script type='text/javascript'></script>
    <script type='text/javascript' src='example.js'>

放置位置

<head> <script></script> </head>

延迟到文档完全解析,显示 defer,最好包含一个,只适用于外部脚本文件

<head> <script type='text/javascript' defer='defer' src='example1.js'></script> </head>

异步脚本 async, 只适用于外部文件, 不会按先后顺序执行

HTML5为script定义了 async属性

<head> <script type='text/javascript' async src='example1.js'></script> </head>

嵌入代码与外部文件

  • 可维护性
  • 可缓存, 不同页面,只对同一个脚本,下载一次
  • 适应未来