zoukankan      html  css  js  c++  java
  • 谈谈动态地加载Jquery库文件的方法

    有时候,我们可能不会在网页中<script src="jquery.min.js" 来加载 Jquery 库,可能在用户点击某个按钮后,才去加载 Jquery 库。

    好处不用我说,节省带宽,提高访问速度,因为用户可能不会点击这个按钮,也就不需要 Jquery 。那么如何动态加载 Jquery 库呢?一般可以用 Document.write 来打印出,也可以用 Ajax ,也可以用我下面的这种方式:

    <!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" >  
    <head>  
        <title>动态加载Jquery库,不用创建Ajax请求。在 a 的 href 属性中写一段或多段代码</title>  
        <style type="text/css">  
            #message { margin: 20px 10px; color:Green; }  
        </style>  
        <script language="javascript" type="text/javascript">  
            function AjaxLoadJquerylibrary()  
            {  
                var d = document, s = d.getElementById('firebug-lite');  
                if (s != null)  
                    return;  
                s = d.createElement('script');  
                s.type = 'text/javascript';  
                s.src = 'http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js';  
                d.body.appendChild(s);  
                document.getElementById("content").style.display = "block";  
            }  
        </script>  
    </head>  
    <body>  
    <div>  
        <input type="button" value="动态导入Jquery" onclick="AjaxLoadJquerylibrary();" /><br />  
    </div>  
    <div id="message">  
            
    </div>    
     <div id="content">  
        请输入您的名字:<input type="text" value="" id="txtUserName" /><br />  
        <a href="javascript:(function(){ var username = $('#txtUserName').val(); alert(username); })();void(0);">Jquery获取名字</a>  
     </div>  
    </body>  
    </html>
  • 相关阅读:
    类的静态成员
    ActionController::InvalidAuthenticityToken 解决办法
    Ruby的动态特性
    (转)右下角弹出消息框
    使用 Visual C++ 2008 功能包加强 Windows 应用程序
    Ajax以responseXML返回,客户端(IE)不能分析xml问题
    css的精髓是布局,而不是样式——之二
    字符编码的一些内容
    2009年好运!牛年要牛起来
    OpenLayers介绍
  • 原文地址:https://www.cnblogs.com/ranran/p/how-to-load-jquery-file-dynamically.html
Copyright © 2011-2022 走看看