zoukankan      html  css  js  c++  java
  • jquery js 动态加载 js文件

    jquery方法

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
        <title>Document</title>
        <script type="text/javascript" src="2.1.js"></script>
    </head>
    <body>
        this is a js demo
        <script type="text/javascript">
         // $.getScript("./demo.js");   //加载js文件  
         $.getScript("./demo.js",function(){   //加载test.js,成功后,并执行回调函数  
          console.log("加载js文件");  
      });  
        </script>
    </body>
    </html>

    demo.js

     alert("aaaa");
    

    js方法

        <html>  
        <body>  
        </body>  
        </html>  
        <script type="text/javascript">  
        function loadScript(url, callback) {  
            var script = document.createElement("script");  
            script.type = "text/javascript";  
            if(typeof(callback) != "undefined"){  
                if (script.readyState) {  
                    script.onreadystatechange = function () {  
                        if (script.readyState == "loaded" || script.readyState == "complete") {  
                            script.onreadystatechange = null;  
                            callback();  
                        }  
                    };  
                } else {  
                    script.onload = function () {  
                        callback();  
                    };  
                }  
            }  
            script.src = url;  
            document.body.appendChild(script);  
        }  
          
        loadScript("http://code.jquery.com/jquery-latest.js", function () {  //加载,并执行回调函数  
            alert($(window).height());  
        });  
          
        //loadScript("http://code.jquery.com/jquery-latest.js");  //加载js文件  
        </script>
  • 相关阅读:
    Beetl模板 [记录]
    wx 小程序开发 [记录]
    高德定位获取省市区[记录]
    vue 学习记录 [记录]
    正则表达+验证 [记录]
    倒计时60s短信 [记录]
    @media [记录]
    JSON + Ajax [记录]
    Webstorm [记录]
    JQ 组合代码 [记录]
  • 原文地址:https://www.cnblogs.com/wuheng1991/p/5291500.html
Copyright © 2011-2022 走看看