动态加载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>
Javascript 相关文章推荐
javascript StringBuilder类实现
Dec 22 Javascript
用js实现层随着内容大小动态渐变改变 推荐
Dec 19 Javascript
javaScript NameSpace 简单说明介绍
Jul 18 Javascript
jquery实现显示已选用户
Jul 21 Javascript
jQuery简单tab切换效果实现方法
Apr 08 Javascript
详谈javascript异步编程
Feb 21 Javascript
学习掌握JavaScript中this的使用技巧
Aug 29 Javascript
Node.js的基本知识简单汇总
Sep 19 Javascript
jQuery EasyUI右键菜单实现关闭标签/选项卡
Oct 10 Javascript
Node.js查找当前目录下文件夹实例代码
Mar 07 Javascript
Vue异步加载about组件
Oct 31 Javascript
详解Angular中通过$location获取地址栏的参数
Aug 02 Javascript
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
You might like
php 启动报错如何解决
2014/01/17 PHP
PHP扩展开发入门教程
2015/02/26 PHP
PHP设计模式之装饰者模式代码实例
2015/05/11 PHP
python进程与线程小结实例分析
2018/11/11 PHP
YII2框架中actions的作用与使用方法示例
2020/03/13 PHP
js数组的基本用法及数组根据下标(数值或字符)移除元素
2013/10/20 Javascript
thinkphp中常用的系统常量和系统变量
2014/03/05 Javascript
node.js中的console.time方法使用说明
2014/12/09 Javascript
js实现新年倒计时效果
2015/12/10 Javascript
vue-axios使用详解
2017/05/10 Javascript
分享vue.js devtools遇到一系列问题
2017/10/24 Javascript
JQuery 又谈ajax局部刷新
2017/11/27 jQuery
深入理解Vue父子组件生命周期执行顺序及钩子函数
2018/08/12 Javascript
vue.js实现双击放大预览功能
2020/06/23 Javascript
Vue使用Ref跨层级获取组件的步骤
2021/01/25 Vue.js
[01:34]2014DOTA2 TI预选赛预选赛 选手比赛房大揭秘!
2014/05/20 DOTA
[01:32:50]DOTA2-DPC中国联赛 正赛 DLG vs XG BO3 第一场 1月25日
2021/03/11 DOTA
Python切换pip安装源的方法详解
2016/11/18 Python
使用Python对SQLite数据库操作
2017/04/06 Python
python导包的几种方法(自定义包的生成以及导入详解)
2019/07/15 Python
解决python有时候import不了当前的包问题
2019/08/28 Python
Django异步任务线程池实现原理
2019/12/17 Python
Python面向对象编程基础实例分析
2020/01/17 Python
基于nexus3配置Python仓库过程详解
2020/06/15 Python
Beach Bunny Swimwear官网:设计师泳装和性感比基尼
2019/03/13 全球购物
Mountain Hardwear官网:攀岩服装和户外装备
2019/09/26 全球购物
经典c++面试题二
2015/08/14 面试题
会计实习生工作总结的自我评价
2013/10/07 职场文书
高三历史教学反思
2014/01/09 职场文书
办公室文员自荐书
2014/02/03 职场文书
鲜花方阵解说词
2014/02/13 职场文书
诚信的演讲稿范文
2014/05/12 职场文书
廉洁自律承诺书范文
2015/04/28 职场文书
《索溪峪的野》教学反思
2016/02/19 职场文书
Redis安装启动及常见数据类型
2021/04/14 Redis
使用 MybatisPlus 连接 SqlServer 数据库解决 OFFSET 分页问题
2022/04/22 SQL Server