發(fā)文章
發(fā)文工具
撰寫(xiě)
網(wǎng)文摘手
文檔
視頻
思維導(dǎo)圖
隨筆
相冊(cè)
原創(chuàng)同步助手
其他工具
圖片轉(zhuǎn)文字
文件清理
AI助手
留言交流
有時(shí)候,我們可能不會(huì)在網(wǎng)頁(yè)中<script src="jquery.min.js" 來(lái)加載 Jquery 庫(kù),可能在用戶點(diǎn)擊某個(gè)按鈕后,才去加載 Jquery 庫(kù)。
好處不用我說(shuō),節(jié)省帶寬,提高訪問(wèn)速度,因?yàn)橛脩艨赡懿粫?huì)點(diǎn)擊這個(gè)按鈕,也就不需要 Jquery 。那么如何動(dòng)態(tài)加載 Jquery 庫(kù)呢?一般可以用 Document.write 來(lái)打印出,也可以用 Ajax ,也可以用我下面的這種方式:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www./TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www./1999/xhtml" > <head> <title>動(dòng)態(tài)加載Jquery庫(kù),不用創(chuàng)建Ajax請(qǐng)求。在 a 的 href 屬性中寫(xiě)一段或多段代碼</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./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="動(dòng)態(tài)導(dǎo)入Jquery" onclick="AjaxLoadJquerylibrary();" /><br /> </div> <div id="message"> </div> <div id="content"> 請(qǐng)輸入您的名字:<input type="text" value="" id="txtUserName" /><br /> <a href="javascript:(function(){ var username = $('#txtUserName').val(); alert(username); })();void(0);">Jquery獲取名字</a> </div> </body> </html>
來(lái)自: 昵稱10504424 > 《工作》
0條評(píng)論
發(fā)表
請(qǐng)遵守用戶 評(píng)論公約
利用JQuery的load函數(shù)動(dòng)態(tài)加載頁(yè)面 - Master HaKu - 博客園
<div class="buttonListArea"> <div class="buttonArea"> <div class="button" id="btnLoad1">Load 1</div> ...
學(xué)習(xí)JQuery的$.Ready()與OnLoad事件比較[轉(zhuǎn)]
學(xué)習(xí)JQuery的$.Ready()與OnLoad事件比較[轉(zhuǎn)]在曾經(jīng)很長(zhǎng)一段時(shí)間里,在頁(yè)面載入后引發(fā)的事件都被加載在”Body”的Onload事件里.對(duì)于Body的Onload事件和JQuery的Ready方法相比,有很多弊端.比如:1.加載多...
基于Jquery的動(dòng)態(tài)添加控件并取值的實(shí)現(xiàn)代碼
$(''.del-text'').live(''click'',function(){ $(this).parent().remove();</script> </head> <body> <div id="main"> <div>...
WordPress速度優(yōu)化——圖片延時(shí)加載
<script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js?ver=1.7.2">&...
qrcode.js生成二維碼
$.ajax
$.ajax<html><head><script type="text/javascript" src="/jquery/jquery.js"></script><script type="text/javascript">$(document).re...
jquery插件懶加載
jquery插件懶加載。DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1&q...
Jquery EasyUi實(shí)戰(zhàn)教程布局篇
Jquery EasyUi實(shí)戰(zhàn)教程布局篇。使用Jquery EasyUi開(kāi)發(fā)之前首先要引用Jquery EasyUi的Js和Css文件,引用如下:<script src="../j...
利用jquery實(shí)現(xiàn)圖片顯隱特效 | 知更鳥(niǎo)
<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.2.3.min.js"></sc...
微信掃碼,在手機(jī)上查看選中內(nèi)容