html5中如何使用js
这篇文章给大家分享的是有关html5中如何使用js的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。
在html5中使用js的两种方法：
使用<script>标签的方式有两种：直接在页面中嵌入JavaScript代码和包含外部 JavaScript文件；浏览器都会按照<script>元素在页面中 出现的先后顺序对它们依次进行解析。
嵌入脚本：
1 2 3 | <script> //js代码 </script> |
外部脚本:
1 | <script class="lazy" data-src="外部js脚本文件"></script> |
外部脚本的优势：
● 可维护性
● 可缓存：浏览器能够根据具体的设置缓存链接的所有外部 JavaScript 文件
● 适应未来
<script> 标签
向HTML页面中插入JavaScript的主要方法，就是使用<script>元素。
<script>元素有两个常用的属性：
● class="lazy" data-src：表示包含要执行代码的外部文件。如果要通过<script>元素来包含外部JavaScript文件，那么class="lazy" data-src属性就是必需的。这个属性的值是一个指向外部JavaScript文件的链接。
注：带有class="lazy" data-src属性的<script>元素不应该在其<script>和<script>标签之间再 包含额外的JavaScript代码。如果包含了嵌入的代码，则只会下载并执行外部脚本文件，嵌入的代码会被忽略。 通过<script>元素的 class="lazy" data-src 属性还可以包含来自外部域的 JavaScript 文件。例：
1 2 | <script class="lazy" data-src="example.js"></script> <script class="lazy" data-src="http://www.php.cn/js/example.js"></script> |
● type：规定脚本的MIME类型。type属性标示 <script>与</script>标签之间的内容。
说明：MIME类型包括两部分：media type 和 subtype。对于JavaScript，MIME 类型是 “text/javascript”。
注：在 HTML5中，type属性不再是必需的。默认值是”text/javascript”。JavaScript是HTML5，以及所有现代浏览器中的，默认脚本语言。
感谢各位的阅读！关于“html5中如何使用js”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！
免责声明：
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的，并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据，供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
