html script的async属性

浏览数：33 / 时间：2015年06月09日

一般网页加载的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>

技术分享

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： class style log com src java http html 文件 class style log com src java http html 文件

相关文章

随机文章

您可能还喜欢

您可能还喜欢