zoukankan      html  css  js  c++  java
  • 【学习笔记】二:在HTML中使用JavaScript

    1.<script>标签

      1)考虑到最大限度的浏览器兼容性和约定俗成,type属性使用:text/javascript。

      2)标签建议放置到</body>标签前,提高用户体验(减少First Print的时间)。

      3)普通的<script>标签,渲染引擎遇到会暂停,等到执行完脚本内容后继续向下渲染

       (基本没用)使用defer属性可以让脚本在文档完全呈现之后再执行,延迟脚本总是按指定他们的循序执行。(实际中并不一定,所以别用了)

               (基本没用)使用async异步属性可以表示当前脚本不必等待其他脚本,也不阻塞文档呈现,下载完成后就执行,但不能保证异步脚本按照它们在页面中的出现顺序执行。

        注(ES6中的一段话):deferasync的区别是:defer要等到整个页面在内存中正常渲染结束(DOM 结构完全生成,以及其他脚本执行完成),才会执行;async一旦下载完,渲染引擎就会中断渲染,执行这个脚本以后,再继续渲染。一句话,defer是“渲染完再执行”,async是“下载完就执行”。另外,如果有多个defer脚本,会按照它们在页面出现的顺序加载,而多个async脚本是不能保证加载顺序的。

    2.文档模式

      混合模式、标准模式、准标准模式。

      一般使用:<!-- HTML 5 -->

           <!DOCTYPE html>

                             指定文档为html5的标准模式,维护浏览器的一致性。

    3.<noscript>

      <noscript>元素指定在不支持脚本的浏览器中显示的代替内容。 

  • 相关阅读:
    +1和*2
    线段树(区间最大值和最大值的个数)
    CodeForces
    莫队算法入门(暴力而不失优雅)
    二分迷宫
    全错排公式
    C++ PAT乙 1051. 复数乘法 (15)
    C++ PAT乙 1070. 结绳(25)
    C++ PAT乙 1080. MOOC期终成绩 (25)
    C++ PAT 1073. 多选题常见计分法(20)
  • 原文地址:https://www.cnblogs.com/lauzhishuai/p/9647190.html
Copyright © 2011-2022 走看看