编程 Javascript

动态加载jquery库的方法

Posted in Javascript onFebruary 12, 2014

有时候，我们可能不会在网页中<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>

动态加载jquery库的方法

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

Jquery中增加参数与Json转换代码

Nov 20 Javascript

初学js插入节点appendChild insertBefore使用方法

Jul 04 Javascript

js截取小数点后几位的写法

Nov 14 Javascript

JavaScript中string转换成number介绍

Dec 31 Javascript

基于js实现checkbox批量选中操作

Nov 22 Javascript

javascript 中事件冒泡和事件捕获机制的详解

Sep 01 Javascript

javascript计算对象长度的方法

Oct 25 Javascript

js将键值对字符串转为json字符串的方法

Mar 30 Javascript

对类Vue的MVVM前端库的实现代码

Sep 07 Javascript

Angular6 正则表达式允许输入部分中文字符

Sep 10 Javascript

JS防抖和节流实例解析

Sep 24 Javascript

vue实现图片裁剪后上传

Dec 16 Vue.js

jquery实现页面图片等比例放大缩小功能

Feb 12 #Javascript

javascript获取web应用根目录的方法

Feb 12 #Javascript

使用javascript控制cookie显示和隐藏背景图

Feb 12 #Javascript

raphael.js绘制中国地图地图绘制方法

Feb 12 #Javascript

js post提交调用方法

Feb 12 #Javascript

JQuery中操作Css样式的方法

Feb 12 #Javascript

Jquery的Tabs内容轮换效果实现代码,几行搞定

Feb 12 #Javascript