VIP用户交流群:462197261 收藏本站北冥有鱼 互联网前沿资源第一站 助力全行业互联网+
在线客服:78895949
tonglan
  • 当前位置:
  • jQuery实现动态加载(按需加载)javascript文件的方法分析

    本文实例讲述了jQuery实现动态加载(按需加载)javascript文件的方法。分享给大家供大家参考,具体如下:

    为了提高网页程序的性能,在很多情况下javascript 是按需加载,而不是全部写在 <head>里面。利用jQuery可以很方便的实现按需加载js.

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

    当id为“load" 的按钮被点击之后,将会动态加载 helloword.js , 然后就可以执行里面的方法。

    <html>
    <head>
    <script type="text/javascript" src="jquery-1.7.2.min.js"></script>
    </head>
    <body>
     <h1>利用 jQuery 动态加载 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 ~我是动态加载的!");
    }
    
    

    更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery页面元素操作技巧汇总》、《jQuery常见事件用法与技巧总结》、《jQuery常用插件及用法总结》、《jQuery扩展技巧总结》及《jquery选择器用法总结》

    希望本文所述对大家jQuery程序设计有所帮助。

    您可能感兴趣的文章:

    • 使用jQuery动态加载js脚本文件的方法
    • jquery及js实现动态加载js文件的方法
    • jquery getScript动态加载JS方法改进详解
    • 一个简单的动态加载js和css的jquery代码
    • 三种动态加载js的jquery实例代码另附去除js方法
    • 如何使用jquery动态加载js,css文件实现代码
    • jquery动态加载js/css文件方法(自写小函数)
    • 使用jquery动态加载Js文件和Css文件
    • 使用jquery动态加载javascript以减少服务器压力
    • jquery动态加载js三种方法实例
    • 使用jquery动态加载js文件的方法

    广而告之:
    热门推荐:
    jQuery实现简单日期格式化功能示例

    本文实例讲述了jQuery实现简单日期格式化功能。分享给大家供大家参考,具体如下: 代码如下,引入jquery后直接后加入以下代码刷新可测试 Date.prototype.Format = function (fmt) { //author: meizz var o = { "M+": this.getMonth() + 1, //月份 "d+": this.getDat···

    织梦关键词维护里面字数多的词优先字数少的词自动内链

    织梦后台的关键词维护默认的情况是字数少的词优先于字数多的词,比如我们有两个这样的词:创业、创业方向,第二个词包含了第一个词,在文章中如果出现“创业方向”这个词,默认情况下只会给创业两个字添加关键词超链接,而不是整个词,那么我们怎么样才···

    织梦后台列表文档点击后页面找不到提示404

    今天小编在使用织梦做网站时遇到织梦后台列表文档点击后页面找不到提示404,检查php文件都存在没什么问题,但是为啥页面找不到呢?   后来检查发现原来是memcache缓存问题,网站设置了memcache缓存处理。新系统可能没有memcache软件,就造成404错误页面了。   解决方···

    JS获取当前地理位置的方法

    本文实例为大家分享了JS获取当前地理位置方法的具体代码,供大家参考,具体内容如下 1.手机定位 var getLocation = function (successFunc, errorFunc) { //successFunc获取定位成功回调函数,errorFunc获取定位失败回调 //首先设置默认城市 var defCity = { id: ···

    3分钟读懂移动端rem使用方法(推荐)

    1、为什么要用rem 博客很久没写了,原因很简单。 最近接手了一个项目,要同时做PC和移动端的页面,之前没接触过,但毕竟给钱的是大爷,所以还是硬着头皮上了。 移动端最麻烦的是什么? 不同分辨率适配! 具体来说,有的屏幕320px宽,有的屏幕640px宽,有的更宽,如果你写固定px···

    微信小程序页面传多个参数跳转页面的实现方法

    这里举例跳转两个参数 传递多少个也可以 这里传参数 我写作 data-item data-id 来绑定 同事加了点击事件bindtap 在index.js 在 data 里我写的是假数据 在跳转页面的函数里传e 后面定义的东西根据e来确定 可以在console打印 console.log(e) 这样我们就拿到了 传递的数据 然后···

    老生常谈PHP 文件写入和读取(必看篇)

    文章提纲: 一.实现文件读取和写入的基本思路 二.使用fopen方法打开文件 三.文件读取和文件写入操作 四.使用fclose方法关闭文件 五.文件指针的移动 六.Windows和UNIX下的回车和换行 一.实现文件读取和写入的基本思路: 1.通过fopen方法打开文件:$fp =fopen(/*参···

    Google PR查询接口checksum新算法第1/2页

    取而代之的是一大段“In your email, please send us the entire code displayed below”之类的Google terms_of_service错误提示信息。看来是原先的接口已经失效了。 但我装在Firefox工具栏的扩展插件SearchStatus仍然能够正常解析出每个受访页的PR值,找到 SearchStatus ···

    AngularJS中控制器函数的定义与使用方法示例

    本文实例讲述了AngularJS中控制器函数的定义与使用方法。分享给大家供大家参考,具体如下: HTML正文: <body ng-app="myApp" ng-controller="myCtrl"> <h2>AngularJS函数绑定</h2> <textarea ng-model="message" cols="40" rows="10"></textarea&g···

    实例教程 HTML5 Canvas 超炫酷烟花绽放动画实现代码

      这是一个很酷的HTML5 Canvas动画,它将模拟的是我们现实生活中烟花绽放的动画特效,效果非常逼真,但是毕竟是电脑模拟,带女朋友看就算了,效果还是差了点,呵呵。这个HTML5 Canvas动画有一点比较出色,就是其性能,Chrome上基本没有卡的感觉,就算你放出很多烟花也一样。 ···