动态加载Jquery库 - csstome - ITeye博客

`

csstome

浏览: 1481388 次
性别:
来自: 北京

最近访客更多访客>>

u012363178

wangyy

ChangingWay

yadgen

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

全部博客 (2009)

社区版块

存档分类

最新评论

nzp12345： [color=red][/color]
ExtJs之TreePanel篇
liuweihug： .Net解析html文档类库HtmlAgilityPack完整 ...
解决HtmlAgilityPack中文乱码
isaiahzhong： defaultFetchSize这个意思 ...
jdbc查询超大数据集内存溢出
xlaohe1： LZ,我看你的博客，我一直担心你的头像会转过头来、、、
独立Discuz头像编辑模块
Reizsoon：您好，最近使用到这个，能否有个写好的例子借我学习下呢？
JavaScript跟踪-Piwik

动态加载Jquery库

阅读更多

有时候，我们可能不会在网页中<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>

分享到：

ASP.NET中在不同的子域中共享Session | 判断请求是否来自 AJAX

2011-10-08 17:40
浏览 776
评论(0)
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

动态加载jquery库的方法: 那么如何动态加载 Jquery 库呢？一般可以用 Document.write 来打印出，也可以用 Ajax ，也可以用我下面的这种方式：代码如下:<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” ...

图片懒加载文件jquery插件库EasyLazyload: 图片懒加载文件jquery插件库EasyLazyload

基于jquery库的点击加载更多实现（可在一个页面实现多个）: 一个基于jquery库的点击加载更多实现（可在一个页面实现多个）。真实的案例。当初进行项目的时候没有找到合适的代码（找到的很多都是滚动条拖到底自动出现，没有点击出现的），并且要实现一个页面多个点击加载，...

jquery插件库大全（200个）.zip: jquery插件库大全（200个）： jqueryQQ表情插件 jquery下拉菜单导航 jquery下拉菜单栏 jquery仿Windows系统选中图标效果 jquery仿京东商品详情页图片放大效果 jquery仿百度新闻焦点轮播 jquery分离布局模版 jquery...

jquery插件库-jquery加载动画插件.zip: jquery插件库-jquery加载动画插件.zip

基于Bootstrap的jquery动态数据表格插件: raydreams.js是一款基于Bootstrap的jquery动态数据表格插件。该jquery动态数据表格的特点是使用简单，它能通过json动态加载表格所需的数据，并通过配置参数设置表格列是否排序和添加功能按钮等。

JQuery实现页面图片懒加载效果仅需两行代码: JQuery实现页面图片懒加载效果，两个文件放进去，只需加入两行代码即可实现。

jquery.LoadImage图片预加载(逐渐加载)demo: 1、导入jquery库以及jquery.LoadImage.js插件 2、使用一小段jquery代码，指定需要加载的img即可，例如本案例指定class 为 main 下的图片预加载，则如$(".main img")，当然也可以指定加载的loading路径以及加载后的...

jQuery API 3.3.1 中文手册: 自面世以来，以其快速、简洁，能够很轻易地处理HTML文档、控制事件、给页面添加动画和Ajax效果等功能使多很多WEB编程者对其非常热爱，本手册旨在帮助广大jQuery爱好者快速了解jquery库，以及为 jquery开发者提供一份...

jquery数据验证配置简单使用简单: 一个配合jquery库使用的数据验证js jquery库在1.4以上即可只需引用一个js，如没有引用jquery库的需引用如验证input或textbox中输入的时候email只需：在input或textbox中加入属性ValidDataForEmail='default'即刻...

jquery插件库-圆形加载动画.zip: jquery插件库-圆形加载动画.zip

jquery-1.4.2库文件: Google提供了jQuery库，通过使用Google提供的jQuery库，Google的服务器和线路品质那自然是不在话下的。即提高了下载速度又减少了自己服务器的并发连接数。用起来也很简单，直接在网页里引用Google服务器上的相关js...

jQuery图片加载loading加载层动画插件: ProgressBar.js是一款jQuery图片加载loading加载层动画插件。该插件在图片加载时，为图片添加垂直的图片逐渐显示效果，非常炫酷。

SimpleUI v1.0 基于jQuery开发的插件库.rar: SimpleUI 是一基于jQuery开发的一套插件库。SimpleUI 具有调用简单、解耦、可订制、高性能等特性。每一个功能我们都有详细的DEMO和文档介绍，欢迎大家使用！您在使用中有任何问题都可以在本板块发帖，我们会尽快...

jQuery移动端下拉刷新、上拉加载更多插件: dropload.js是一款jQuery移动端下拉刷新、上拉加载更多插件。dropload.js可以依赖于jquery或Zepto，实现移动端常见的下拉刷新和上拉加载更多功能。

jquery插件库-动感的页面加载动画效果.zip: jquery插件库-动感的页面加载动画效果.zip

超实用的jQuery代码段: 11.7 加载Google CDN的jQuery库 11.8 Cookies应用方法 11.9 使用cookie.js管理Cookies 11.10 让Cookies在N分钟后过期 11.11 如何删除Cookies 11.12 获取当前页面的URL并添加样式 11.13 向表格追加一行数据 11.14 ...

手机页面内容逐渐加载jquery.mobile插件: 特点在于手机特效的逐渐加载过程，效果很不错。依次引入jquery.mobile、jquery库以及JS即可实现

jQuery实现在线考试答题代码.zip: 开发周期短，上手快，入门低，但是进阶难一般常用的jquery特效 jquery焦点图 jquery选项卡 jquery滚动条 jquery下拉广告,jquery图片延时加载等，jquery代码,放大镜特效，jquery广告代码，jquery导航，jquery在线客服...

Global site tag (gtag.js) - Google Analytics