jinl's blog

上校，马孔多在下雨。

0%

JavaScript 高级程序设计（1）

发表于 更新于 分类于 阅读次数： Valine：

1. script 元素

在 HTML 代码中插入 js 脚本，需要script元素，它有几个属性：

  • async：可选，表示应该立即下载脚本。
  • charset：可选，表示 src 属性指定代码的字符集，一般没人用。
  • defer：可选，表示脚本延迟到文档完全解析后才执行。
  • src：可选，执行的外部文件。
  • type：可选是 language 的替代属性，表示编写代码使用的脚本语言的类型。默认值是 text/javascript。

标签一般会放在<head>元素里，但是会出现延迟，所以可以选择放在 <body> 的底部。

或者可以选择在 <script> 元素中添加 defer 属性。

1
2
3
<head>
<script type="text/javascript" defer="defer" src="example.js"> </script>
<head>

asyn 属性与 defer 属性类似，用于改变处理脚本。async 只用于外部脚本文件，告诉浏览器立即下载，不保证顺序。

1
2
3
<head>
<script type="text/javascript" async src="example.js"> </script>
<head>

因为当有些浏览器不支持的 js 的时候，导致 js 代码会显示在页面当中。

2. 嵌入代码与外部文件

不推荐把 javascript 代码包在 HTML 中，如下面：

1
2
3
4
5
<script>
  function test() {
    // statement
  }
</script>

一般选择外部文件更好，因为在外部文件更好维护，可缓存（两个页面使用同一个文件，那么只需要一次下载），适应未来。

3. 文档模式

通过文档类型（doctype）切换实现。

4. noscript 元素

当浏览器不支持脚本，或者浏览器支持脚本，但脚本被禁用的情况下，浏览器才会显示 <noscript> 的内容。

1
2
3
<body>
  <noscript> <p>本页面需要浏览器支持（启用）JavaScript.</p></noscript>
</body>

结束

------------ 感谢你的阅读 ------------