网页特效-动态加载JavaScript

描述：

  把一些逻辑独立的JavaScript脚本文件单独加载，是一种常见的JavaScript动态加载技术。可以减少不必要的JavaScript脚本文件的加载，以提高网页浏览速度

代码：

<!DOCTYPE html>
<html>
    <head>
        <title>在网页里动态加载JavaScript</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <script type="text/javascript">
            //动态加载JavaScript, myjs.js
            function loadJs() { 
                //得到html的头部dom
                var theHead = document.getElementsByTagName('head').item(0); 
                //创建脚本的dom对象实例
                var myScript = document.createElement('script'); 
                myScript.src='./myjs.js';            //指定脚本路径
                myScript.type='text/javascript';    //指定脚本类型
                myScript.defer=true;                //程序下载完后再进行解析和执行
                theHead.appendChild(myScript);        //把dom挂载到头部
            } 
        </script>
    </head>
    <body style="text-align:center">
        <p>
            <!-- 定义按钮 -->
            <input type="button" value="动态加载JS" onclick="loadJs()"/>
        </p>
    </body>
</html>

 

posted @ 2016-09-20 14:50  承载梦想-韩旭明  阅读(302)  评论(0)  编辑  收藏  举报