本文实例讲述了jQuery使用load()方法载入另外一个网页文件内的指定标签内容到div标签的方法。分享给大家供大家参考。具体分析如下： jQuery通过load()方法载入另外一个网页文件内的指定标签内容到div标签，如果我们可以加载网页b.html中的id为p1的标签内容到网页a.html的div标签内 <!DOCTYPE html> <html> <head> <script src="js/jquery.min.js"> </script> <script> $(document).ready(function(){$("button").click(function(){...
本文实例讲述了jquery通过load获取文件的内容并跳到锚点的方法。分享给大家供大家参考。具体分析如下： 昨天在做一个类似于帮助文档型的页面，左边是导航，右边显示的是内容。本来打算右边内容显示区域用iframe来实现，但由于要做iframe的适应高度所以就换了一种方法，使用jquery的ajax中的load方法。 获取远程文件中的内容很容易实现，直接使用jquery的load方法： $("#content").load("xxx.aspx")这样很容易将xxx.aspx文件中的内容...
先来看一个Ajax例子代码如下: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body> <input type="button" value="Ajax提交" onclick="Ajax();" /> <div id="resText"></div> </body> <script type="text/javascript"> function Ajax() { var xmlHttpReq = null;//声明一个空对象用来装入XMLHttpRequest对象 if(window.ActiveXObject) { xmlH...
用过JavaScript的童鞋，应该知道window对象和document对象，也应该听说过load事件和ready事件，小菜当然也知道，而且自认为很了解，直到最近出了问题，才知道事情并不是那么简单。 首先说说window和document，直观上来讲，window代表的是浏览器窗口，而document代表的是浏览器窗口中加载的dom元素，进一步说，document是window的一个属性，window是最顶级的对象。 二者有啥区别呢？很好理解，假设现在有一个浏览器，里边加载的页面...
本文实例讲述了jQuery中ajax的load()方法用法。分享给大家供大家参考。具体分析如下： 此函数jQuery中简单而功能强大的ajax方法。 它可以从服务器加载内容，然后写入匹配元素。 语法结构:代码如下:$(selector).load(URL,data,callback); 参数解析: 1.selector:一个选择器，可以将内容加载到此选择器匹配的元素中。 2.URL:必须，需要加载的一个url地址。 3.data:可选，与请求一同发送的查询字符串键/值对集合。 4.callback:可选，lo...
因为开始不懂Jquery，一直想用jquery.load的方法载入新的页面，以实现局部刷新，结果发现载入进来的页面与原来单独的页面不一样，样式没了，后来在网上查了一下，发现了解决办法，这是别人的回答： 是这样的，如果不过滤掉一些内容的话，直接加载，会使页面混乱的，比如新的页面也存在<body>标签，加载进来后，一个页面就会存在两个<body>标签是不规范的的HTML。这个是在jquery.load()函数中规定的。一般加载进来的页面需要自己根据...
load语法 $(".selector").load("url", function(responseText, statusText, xmlhttprequest)); 可以做到加载一个页面的时候，如果发生错误，根据statusText给出的状态，显示对应的提示，这对用户来说非常重要。 例子,load post 代码如下代码如下: <div id=btnAjaxPost>点击我</div> <div id=divResult>内容加载中</div> $("#btnAjaxPost").click(function(event) { var username = $("#username").val(); //发送Post请求 $("#divRe...
一般在做 ajax load 的时候，很多人都不会考虑到需要浏览器支持前进后退功能，因为大部分人都不知道可以实现。 最近遇到这个问题，经过一小段研究，发现github已经有现成的开源工具使用，主要实现原理是利用html的锚点，即<a href="#xxx"> 主要demo代码如下： html 代码如下:<ul> <li><a href="#ttt">ttttttttttttttt</a></li> <li><a href="#aaa">aaaaaaaaaaaaaaa</a></li> <li><a href="#bbb">bbbbbbbbbbbbbbb</a></li> <li><a ...
jquery代码: 代码如下:$(function(){$("#test").load("${contextPath}/notepad/toCreate.do");} 加载 ${contextPath}/notepad/toCreate.do 页面到id为test的div中,加载完成之后,create页面中的js不会执行 这种方式没办法实现,换个思路: 代码如下:<div id="test"> <iframe name="testLoad" style="width:100%"></iframe></div>js事件: 代码如下:function loadPage(){ window.open("${contextPath}/notepad/toCreate.do",testL...
因为Jquery 是一个很好的javascript框架，我对他的运用还只是表面的，处于一个初步学习的阶段，所以通过博客记录我学习的点滴，大神可以略过，写此文章希望可以帮到和我一样的初学者，共同分享，共同进步。 现在ajax越来越受到web开发者的青睐，jquery提供了很好的ajax交互，我这里用的是直接返回字符串，用的是jquery.load方法，是很基础的。 项目下载 需要注意两点： 1、jquery.js的路径要正确，不然很难达到你想要的效果。 2、需...
因为开始不懂Jquery，一直想用jquery.load的方法载入新的页面，以实现局部刷新，结果发现载入进来的页面与原来单独的页面不一样，样式没了，后来在网上查了一下，发现了解决办法，这是别人的回答： 是这样的，如果不过滤掉一些内容的话，直接加载，会使页面混乱的，比如新的页面也存在<body>标签，加载进来后，一个页面就会存在两个<body>标签是不规范的的HTML。这个是在jquery.load()函数中规定的。一般加载进来的页面需要自己根据...
问题描述：jquery的字符集是utf-8，load方法加载完GB2312编码静态页面后，出现中文乱码。 a.php 代码如下:<script language="javascript" type="text/javascript"> $(function(){ $("#zz").click(function(){ $("#job").load("b.php"); }) }) </script> <a id="zz">点击加载b页面</a> <div id="job"></div> b.php 代码如下:<?php echo "我这里面有中文"; ?> 解决方案： 方法一：将两个页面的编码格式转换成utf8 方法二：在b.ph...
首先我们需要清楚的是jquery load方法是对jQuery.ajax()进行封装以方便我们使用的一个方法，当我们需要处理较为复杂的逻辑时候，还是需要用到jQuery.ajax()这个比较全面的方法的。 调用load方法的完整语法格式：load( url, [data], [callback] )其中:url是指要导入文件的地址。data：可选参数；因为load不仅仅可以导入静态的html文件，还可以导入动态脚本，例如PHP文件，所以要导入的是动态文件时，我们可以把要传递的参数放在这里...
如果绑定给window对象，则会在所有内容加载后触发，包括窗口，框架，对象和图像。如果绑定在元素上，则当元素的内容加载完毕后触发。注意:只有当在这个元素完全加载完之前绑定load的处理函数,才会在他加载完后触发。如果之后再绑定就永远不会触发了。所以不要在$(document).ready()里绑定load事件，因为jQuery会在所有DOM加载完成后再绑定load事件。因此，使用load方法时尽量把load方法写在页面顶部。调用load方法的完整格式是：lo...
什么是LazyLoad技术？ 在页面上图片比较多的时候，打开一张页面必然引起与服务器大数据量的交互。尤其是对于高清晰的图片，占了几百K的空间。Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的。 在包含很多大图片长页面中延迟加载图片可以加快页面加载速度. 浏览器将会在加载可见...