判断页面是否加载完成
jquery加载页面的方法,即:页面加载完成就执行,有如下几种:
1、jQuery的$(document).ready$(document).ready(function(){ $("#a").click(function(){ //adding your code here }); });就仅仅只需要加载所有的DOM结构,在浏览器把所有的HTML放入DOM tree之前就执行js效果。包括在加载外部图片和资源之前。
2、ready事件的简写方法 $(function(){ $("#a").click(function(){ //adding your code here }); });此方法就仅仅只需要加载所有的DOM结构,在浏览器把所有的HTML放入DOM tree之前就执行js效果。包括在加载外部图片和资源之前,是ready的简写方式3、window的onload事件 window.onload = function(){ $("#a").click(function(){ //adding your code here }); }这段代码会在整个页面的document全部加载完成以后执行。这种方式不仅要求页面的DOM tree全部加载完成,而且要求所有的外部图片和资源全部加载完成。如果外部资源,例如图片需要很长时间来加载,那么这个js效果就会让用户感觉失效了。
Jquery中load方法使用
jquery load方法用法详解
1.load定义和用法,load() 方法通过 AJAX 请求从服务器加载数据,并把返回的数据放置到指定的元素中。jquery load是jquery ajax中的一种功能,load可以方便快速的直接加载一个页面到指定div中(html,php),并且它可以带参数。
2.还存在一个名为 load 的 jQuery 事件方法。调用哪个,取决于参数。
下面是几个例子:
1).加载一个php文件,该php文件不含传递参数
$("#myID").load("test.php");
2).加载一个php文件,该php文件含有一个传递参数
$("#myID").load("test.php",{"name" : "Adam"});//导入的php文件含有一个传递参数,类似于:test.php?name=Adam或者直接$("#divResult").load("jqueryLoad?username=" + username + "&un="+$("#username").val()+"×tamp=" + (new Date()).getTime());
3).使用 AJAX 请求来改变 div 元素的文本
$("button").click(function(){ $("div").load('demo_ajax_load.txt');});