【前端必备技能js—2.js在html中使用】

1、script标签元素

向HTML页面中插入js的主要方法，就是使用script标签元素。HTML 4.01为script标签定义了下列6个属性。

• async：可选。表示应该立即下载脚本，但不应妨碍页面中的其他操作，比如下载其他资源或等待加载其他脚本。只对外部脚本文件有效。
• charset：可选。表示通过src属性指定的代码的字符集。由于大多数浏览器会忽略它的值，因此这个属性很少有人用。
• defer：可选。表示脚本可以延迟到文档完全被解析和显示之后再执行。其在执行时不会影响页面的构造，只对外部脚本文件有效。
• language：已废弃。原来用于表示编写代码使用的脚本语言（如JavaScript、JavaScript1.2或VBScript）。
• src：可选。表示包含要执行代码的外部文件。
• type：可选。可以看成是language的替代属性；表示编写代码使用的脚本语言的内容类型。虽然text/javascript和text/ecmascript都已经不被推荐使用，但人们一直以来使用的都还是text/javascript。实际上，服务器在传送JavaScript文件时使用的MIME类型通常是application/x-javascript。另外，在非IE浏览器中还可以使用以下值：application/javascript和application/ecmascript。考虑到约定俗成和最大限度的浏览器兼容性，目前type属性的值依旧还是text/javascript。如果没有指定这个属性，则其默认值仍为text/javascript。

1.1 使用方式

• 嵌入js代码；

  < script type = "text/javascript" >
      console.log('hello') 
  </script>

• 引入外部文件；

  <script type = "text/javascript"src = 'hello.js' > </script>

但引入外部文件的可维护性、可缓存性更高，更适应未来。

1.2 位置

按照传统的做法，所有script元素都应该放在页面的head元素中，这样意味着需要等到全部JavaScript代码都被下载、解析和执行完成以后，才能开始呈现页面，其会导致浏览器在呈现页面时出现明显的延迟，进而导致浏览器窗口中将是一片空白。为了避免这个问题，现代Web应用程序一般都把全部JavaScript引用放在元素中页面内容的后面，

2、noscript标签元素

使用noscript标签元素可以指定在不支持脚本的浏览器中显示的替代内容。但在启用了脚本的情况下，浏览器不会显示noscript标签元素中的任何内容。