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>元素指定在不支持脚本的浏览器中显示的代替内容。 

  • 相关阅读:
    SpringKafka——消息监听
    RabbitMQ(八)线程池消费
    RabbitMQ(七)延迟队列
    window计划任务 0x1
    获取网页URL地址及参数等的两种方法(js和C#)
    HttpWebRequest的偶尔请求超时问题
    用HTML、CSS、JS制作圆形进度条(无动画效果)
    批量关联update
    仅仅 IE8 有效的 CSS hack 写法
    SqlServer关闭与启用标识(自增长)列
  • 原文地址:https://www.cnblogs.com/lauzhishuai/p/9647190.html
Copyright © 2011-2022 走看看