欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jQuery實(shí)現(xiàn)動(dòng)態(tài)加載(按需加載)javascript文件的方法分析

 更新時(shí)間：2019年05月31日 09:28:45   作者：輕舞肥羊  
這篇文章主要介紹了jQuery實(shí)現(xiàn)動(dòng)態(tài)加載(按需加載)javascript文件的方法,結(jié)合實(shí)例形式分析了jQuery根據(jù)調(diào)用函數(shù)按需動(dòng)態(tài)加載javascript文件相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下

本文實(shí)例講述了jQuery實(shí)現(xiàn)動(dòng)態(tài)加載(按需加載)javascript文件的方法。分享給大家供大家參考，具體如下：

為了提高網(wǎng)頁程序的性能，在很多情況下javascript 是按需加載，而不是全部寫在 <head>里面。利用jQuery可以很方便的實(shí)現(xiàn)按需加載js.

$("#load").click(function(){
  $.getScript('helloworld.js', function() {
     $("#content").html('js 加載成功!');
  });
});

當(dāng)id為“l(fā)oad" 的按鈕被點(diǎn)擊之后，將會(huì)動(dòng)態(tài)加載 helloword.js , 然后就可以執(zhí)行里面的方法。

<html>
<head>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
</head>
<body>
 <h1>利用 jQuery 動(dòng)態(tài)加載 js</h1>
<div id="content"></div>
<br/>
<button id="load">Load JavaScript</button>
<button id="sayHello">Say Hello</button>
<script type="text/javascript">
$("#load").click(function(){
 $.getScript('js-example/helloworld.js', function() {
   $("#content").html('
     Javascript is loaded successful! sayHello() function is loaded!
   ');
 });
});
$("#sayHello").click(function(){
 sayHello();
});
</script>
</body>
</html>

其中  helloworld.js 的代碼如下:

function sayHello(){
  alert("Hello ~我是動(dòng)態(tài)加載的!");
}

更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《jQuery頁面元素操作技巧匯總》、《jQuery常見事件用法與技巧總結(jié)》、《jQuery常用插件及用法總結(jié)》、《jQuery擴(kuò)展技巧總結(jié)》及《jquery選擇器用法總結(jié)》

希望本文所述對大家jQuery程序設(shè)計(jì)有所幫助。

相關(guān)文章

  • jQuery中的類名選擇器（.class）用法簡單示例

    jQuery中的類名選擇器（.class）用法簡單示例

    這篇文章主要介紹了jQuery中的類名選擇器（.class）用法,簡單介紹了jQuery類名選擇器的概念、原理并結(jié)合實(shí)例形式分析了類選擇器的簡單使用方法,需要的朋友可以參考下
    2018-05-05
  • jQuery cdn使用介紹

    jQuery cdn使用介紹

    如果您不希望下載并存放jQuery，那么也可以通過 CDN（內(nèi)容分發(fā)網(wǎng)絡(luò)）引用它，下面是具體實(shí)現(xiàn)，有類似需求的各位可以參考下哈，希望對你有所幫助
    2013-05-05
  • jquery拖拽效果完整實(shí)例(附demo源碼下載)

    jquery拖拽效果完整實(shí)例(附demo源碼下載)

    這篇文章主要介紹了jquery拖拽效果實(shí)現(xiàn)方法,詳細(xì)介紹了jQuery實(shí)現(xiàn)拖拽功能的具體步驟與相關(guān)技巧,并附代碼了demo源碼供讀者下載參考,需要的朋友可以參考下
    2016-01-01
  • jQuery僅用3行代碼實(shí)現(xiàn)的顯示與隱藏功能完整實(shí)例

    jQuery僅用3行代碼實(shí)現(xiàn)的顯示與隱藏功能完整實(shí)例

    這篇文章主要介紹了jQuery僅用3行代碼實(shí)現(xiàn)的顯示與隱藏功能,以完整實(shí)例形式分析了jQuery實(shí)現(xiàn)鼠標(biāo)響應(yīng)及頁面元素屬性變換的相關(guān)技巧,需要的朋友可以參考下
    2015-10-10
  • JavaScript與JQUERY獲取元素的寬、高和位置

    JavaScript與JQUERY獲取元素的寬、高和位置

    文章給大家匯總整理了JavaScript以及jQuery獲取元素高寬和位置等信息的方法，非常的全面，小伙伴們可以記錄下以便查看
    2017-02-02
  • Easyui ueditor 整合解決不能編輯的問題(推薦)

    Easyui ueditor 整合解決不能編輯的問題(推薦)

    這篇文章主要介紹了Easyui ueditor 整合解決不能編輯的問題 ,需要的朋友可以參考下
    2017-06-06
  • jQuery獲取剪貼板內(nèi)容的方法

    jQuery獲取剪貼板內(nèi)容的方法

    這篇文章主要介紹了jQuery獲取剪貼板內(nèi)容的方法,結(jié)合實(shí)例形式分析了jQuery針對不同瀏覽器獲取剪貼板內(nèi)容的實(shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
    2016-06-06
  • jQuery中closest和parents的區(qū)別分析

    jQuery中closest和parents的區(qū)別分析

    本文給大家介紹jquery中parents()和closest()用法與區(qū)別介紹，在jquery中parents()查找父級(jí)元素刪除的時(shí)候，發(fā)現(xiàn)它不包含根元素，于是用了closest()，效果不錯(cuò)，下面我來給大家具體的介紹一下
    2015-05-05
  • jquery mobile 移動(dòng)web(5)

    jquery mobile 移動(dòng)web(5)

    這篇文章主要介紹了jquery mobile 移動(dòng)web(5)的相關(guān)資料,需要的朋友可以參考下
    2015-12-12
  • jQuery控制元素顯示、隱藏、切換、滑動(dòng)的方法總結(jié)

    jQuery控制元素顯示、隱藏、切換、滑動(dòng)的方法總結(jié)

    這篇文章主要介紹了jQuery控制元素顯示、隱藏、切換、滑動(dòng)的方法總結(jié),本文講解了hide()、show() 、slideDown、slideUp、 slideToggle、fadeIn()、fadeOut()、fadeTo()等方法使用實(shí)例,需要的朋友可以參考下
    2015-04-04

最新評(píng)論