动态加载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 相关文章推荐
JS弹出对话框返回值代码(asp.net后台)
Dec 28 Javascript
深入理解Javascript中的循环优化
Nov 09 Javascript
jquery ajaxSubmit 异步提交的简单实现
Feb 28 Javascript
JQuery勾选指定name的复选框集合并显示的方法
May 18 Javascript
JS基于FileSystemObject创建一个指定路径的TXT文本文件
Aug 05 Javascript
noty ? jQuery通知插件全面解析
May 18 Javascript
Javascript 跨域知识详细介绍
Oct 30 Javascript
Vue.js实现文章评论和回复评论功能
May 30 Javascript
Angularjs修改密码的实例代码
May 26 Javascript
JavaScript之Map和Set_动力节点Java学院整理
Jun 29 Javascript
Javascript中Promise的四种常用方法总结
Jul 14 Javascript
layUI实现列表查询功能
Jul 27 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模拟用户自动在qq空间发表文章的方法
2015/01/07 PHP
JQuery 无废话系列教程(一) jquery入门 [推荐]
2009/06/23 Javascript
javascript+css 网页每次加载不同样式的实现方法
2009/12/27 Javascript
使用js实现雪花飘落效果
2013/08/26 Javascript
对JavaScript中this指针的新理解分享
2015/01/31 Javascript
jQuery构造函数init参数分析续
2015/05/13 Javascript
javascript控制层显示或隐藏的方法
2015/07/22 Javascript
动态加载js文件简单示例
2016/04/21 Javascript
页面get请求 中文参数方法乱码问题的快速解决方法
2016/05/31 Javascript
JS遍历页面所有对象属性及实现方法
2016/08/01 Javascript
JavaScript DOM节点操作方法总结
2016/08/23 Javascript
标准的js无缝滚动效果
2016/08/30 Javascript
jQuery插入节点和移动节点用法示例(insertAfter、insertBefore方法)
2016/09/08 Javascript
el表达式 写入bootstrap表格数据页面的实例代码
2017/01/11 Javascript
angular2路由切换改变页面title的示例代码
2017/08/23 Javascript
详解js几个绕不开的事件兼容写法
2017/08/30 Javascript
VueJs组件之父子通讯的方式
2018/05/06 Javascript
node.js爬取中关村的在线电瓶车信息
2018/11/13 Javascript
基于Vue 实现一个中规中矩loading组件
2019/04/03 Javascript
electron实现静默打印的示例代码
2019/08/12 Javascript
解决$store.getters调用不执行的问题
2019/11/08 Javascript
Python开发如何在ubuntu 15.10 上配置vim
2016/01/25 Python
jupyter安装小结
2016/03/13 Python
python生成圆形图片的方法
2020/03/25 Python
pandas 空数据处理方法详解
2019/11/02 Python
tensorflow之自定义神经网络层实例
2020/02/07 Python
python如何删除文件、目录
2020/06/23 Python
css3 transform 3d 使用css3创建动态3d立方体(html5实践)
2013/01/06 HTML / CSS
html5小程序飞入购物车(抛物线绘制运动轨迹点)
2020/10/19 HTML / CSS
Crocs欧洲官网:Crocs Europe
2020/01/14 全球购物
机械专业应届生求职信
2013/09/21 职场文书
电信营业员自我评价分享
2014/01/17 职场文书
餐饮投资计划书
2014/04/25 职场文书
2014年医药代表工作总结
2014/11/22 职场文书
个人先进事迹材料范文
2014/12/29 职场文书
Win11无法访问设备和打印机 如何解决页面空白
2022/04/09 数码科技