動態(tài)加載jquery庫的方法
更新時間：2014年02月12日 11:22:06 作者：
有時候，我們可能不會在網(wǎng)頁中<script src="jquery.min.js">來加載Jquery庫,可能在用戶點擊某個按鈕后,才去加載Jquery庫,下面介紹一下動態(tài)加載jquery庫的方法
有時候，我們可能不會在網(wǎng)頁中<script src="jquery.min.js" 來加載 Jquery 庫，可能在用戶點擊某個按鈕后，才去加載 Jquery 庫。好處不用我說，節(jié)省帶寬，提高訪問速度，因為用戶可能不會點擊這個按鈕，也就不需要 Jquery 。那么如何動態(tài)加載 Jquery 庫呢？一般可以用 Document.write 來打印出，也可以用 Ajax ，也可以用我下面的這種方式：
復(fù)制代碼 代碼如下:
<!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>動態(tài)加載Jquery庫，不用創(chuàng)建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="動態(tài)導(dǎo)入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>
相關(guān)文章
jQuery 的 tagit 插件效果還是不錯的，今天用到該插件，下面給大家詳細(xì)講解下此插件的具體用法。這里推薦給大家，有需要的小伙伴可以參考下。2015-04-04
這篇文章主要介紹了JQuery實現(xiàn)展開關(guān)閉層的方法,實例分析了jQuery的slideToggle方法使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-02-02
密保通常都會有n個問題，讓用戶選擇其中2、3個，而且都不會讓用戶選擇重復(fù)的問題。這就要求密保互斥，具體實現(xiàn)如下，有此需求的朋友可以參考下2013-08-08
JQuery插件Quicksand實現(xiàn)超炫的動畫洗牌效果
Quicksand這是一個非常不錯的 jQuery 插件，用于實現(xiàn)動畫洗牌效果，十分的實用，有需要的小伙伴可以參考下。2015-05-05
用jQuery旋轉(zhuǎn)插件jqueryrotate制作轉(zhuǎn)盤抽獎
這篇文章主要為大家詳細(xì)介紹了用jQuery旋轉(zhuǎn)插件jqueryrotate制作轉(zhuǎn)盤抽獎，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02
web的各種前端打印方法之jquery打印插件PrintArea實現(xiàn)網(wǎng)頁打印
jquery打印插件PrintArea實現(xiàn)網(wǎng)頁打印,不可思議吧，接下來為您介紹它的使用方法及操作步驟，感興趣的朋友可以了解下2013-01-01
jQuery實現(xiàn)動態(tài)添加和刪除input框代碼實例
這篇文章主要介紹了jQuery實現(xiàn)動態(tài)添加和刪除input框，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03
這篇文章主要介紹了 jQuery Plupload上傳插件的使用詳解,需要的朋友可以參考下2017-04-04
jQuery實現(xiàn)的滑塊滑動導(dǎo)航效果示例
這篇文章主要介紹了jQuery實現(xiàn)的滑塊滑動導(dǎo)航效果,涉及jQuery事件響應(yīng)及頁面元素動態(tài)操作相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2018-06-06
jQuery實現(xiàn)打開頁面漸現(xiàn)效果示例
這篇文章主要介紹了jQuery實現(xiàn)打開頁面漸現(xiàn)效果的方法,結(jié)合實例形式分析了jQuery樣式操作及頁面元素的漸變效果實現(xiàn)技巧,需要的朋友可以參考下2016-07-07