码迷,mamicode.com
首页 > Web开发 > 详细

html script的async属性

时间:2015-03-21 15:19:21      阅读:155      评论:0      收藏:0      [点我收藏+]

标签:

一般网页加载的script标签时,没有带async属性,浏览器渲染时会从上至下依次进行,当某一个script解析缓慢会影响后续的网页的渲染,在html5中,带上async标签的script脚本可以在浏览器渲染页面时实行异步加载,会执行先下载js文件同时网页继续渲染。当js文件下载完毕后,在window.onload之前就会立即执行。所以当此js会影响到页面dom结构时,需要window.onload加载一次方法

        <script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8" async defer></script>
        <script src="js/zh_common.js"></script>
        <script type="text/javascript">
            window.onload = function(){
                $(#showaddtype).tooltip();
            }
        </script>

以下是错误示例:

        <script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8" async defer></script>
        <script src="js/zh_common.js"></script>
        <script type="text/javascript">
            $(function(){
                $(#showaddtype).tooltip();
            })
        </script>

技术分享

html script的async属性

标签:

原文地址:http://www.cnblogs.com/manthilam/p/4355563.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!