html script的async属性

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