学习javaScript核心ECMAScript（一）-----页面中的js

最新推荐文章于 2022-03-09 08:00:00 发布

chenfeng628

最新推荐文章于 2022-03-09 08:00:00 发布

阅读量468

点赞数

分类专栏： JavaScript 文章标签： JavaScript

本文链接：https://blog.csdn.net/chenfeng628/article/details/53026338

版权

2 篇文章 0 订阅

订阅专栏

完整的javaScript的实现由下面三个部分组成：

1.1.  核心（ECMAScript）

1.2.  文档对象模型（DOM）

1.3.  浏览器对象模型（BOM）

<script>元素

  <1>.async：可选。表示应该立即下载脚本，但是不妨碍页面中的其他操作（只对外部脚本起作用）。

  <2> defer：可选。表示脚本可以延迟到文档完全被解析和显示之后再执行（只对外部脚本起作用）。

  <3> src：可选。表示包含要执行代码的外部文件。

  <4> type：可选。默认为text/javascript。

 使用defer元素延迟脚本 
   <script type="text/javascript" defer="defer" src="a.js"></script> (把延迟脚本放在页面底部是最佳选择)
 使用async异步脚本

    <script type="text/javascript" async src="a.js"></script> （不要在异步脚本加载期间修改DOM）

  注意：想要输出</script>，需要使用<\/script>。如果直接使用，浏览器会认为是script的数据。

位置：

  传统做法：所有<script>元素都放入到页面的<head>元素中。

  现代做法：把所有JavaScript引用放到<body>元素中页面内容的后面---保证在解析JavaScript代码前，页面的内容完全呈现在浏览器中，用户体验性更好。

顺序：

   所有<script>元素都在他们在页面中出现的位置先后依次被解析。在不使用defer和async属性的情况下，只有在解析完前面的<script>元素中的代码之后，才会开始解析后面的<script>元素中的代码。

扩展：

<noscript>元素

使用情况：1>浏览器不支持脚本

      2>浏览器支持脚本，但脚本被禁用。

      只有在以上情况中<noscript>。。。</noscript>元素中的内容才会显示。

关注

专栏目录