`

jquery onload事件

 
阅读更多
[size=medium]如果绑定给window对象,则会在所有内容加载后触发,包括窗口,框架,对象和图像。如果绑定在元素上,则当元素的内容加载完毕后触发。
注意:只有当在这个元素完全加载完之前绑定load的处理函数,才会在他加载完后触发。如果之后再绑定就永远不会触发了。所以不要在$(document).ready()里绑定load事件,因为jQuery会在所有DOM加载完成后再绑定load事件。

调用load方法的完整格式是:load( url, [data], [callback] ),
其中:

url:是指要导入文件的地址。
data:可选参数;因为Load不仅仅可以导入静态的html文件,还可以导入动态脚本,例如PHP文件,所以要导入的是动态文件时,我们可以把要传递的参数放在这里。
callback:可选参数;是指调用load方法并得到服务器响应后,再执行的另外一个函数。

load()在没有参数的默认情况下是以GET方式请求,但如果带有参数,将以POST方式请求。

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="js/jquery-1.6.js"></script>
<script type="text/javascript">
	function loadData(){
		$("p").load("table.jsp");
		
	}
	
	function loadData2(){
		$("p").load("table.jsp",{"name" : "liuc"},function(){
			$("p").slideDown("slow");
		});
		
	}
</script>	
<title>Insert title here</title>
</head>
<body>
<p id="test">
</p>
<input type="button" onclick="loadData2()" value="加载数据">
</body>
</html>


[/size]
分享到:
评论

相关推荐

    JQuery-- onload,ready方法详细解说

    在 JavaScript 库中,JQuery 提供了两种事件处理机制,即 onload 和 ready。它们都是在页面加载完成后触发的事件,但是它们之间有着一定的区别。 首先,我们需要了解这两种事件的触发时机。在页面加载完成后,会...

    jquery快速学三(事件与动画)

    《jQuery快速学三:事件与动画详解》 在Web开发中,jQuery库以其简洁的语法和强大的功能,深受开发者喜爱。本篇将深入探讨jQuery中的事件处理和动画效果,帮助初学者快速掌握这两个核心概念。 一、事件处理 1. ...

    jQuery ready()和onload的加载耗时分析

    根据给定的文件信息,我们可以了解到,文档的标题是“jQuery ready()和onload的加载耗时分析”,而描述则说明了文档内容主要是对比分析了jQuery中的ready()函数和JavaScript的window.onload事件处理程序在页面加载时...

    [jQuery] 事件和动画详解

    【jQuery事件】 jQuery事件是JavaScript事件的一种简化和扩展,使得在JavaScript中处理DOM元素的事件变得更加方便。jQuery提供了一系列的API来绑定、解绑、触发事件,以及处理事件冒泡和默认行为。 1. DOM加载 在...

    jquery.loadImage.1.0 绑定图片加载完成事件

    基于jquery开发的一个小插件,主要作用是绑定图片(img标签)的onload事件,如果是纯JavaScript开发,可借鉴下面的代码: var imgLoad = function (url, callback) { var img = new Image(); img.src = url; if ...

    详解jQuery中的事件

    jQuery中的事件处理是其强大的特性之一,它简化了JavaScript中原始的事件处理方式,并提供了更多的功能和灵活性。本文将深入探讨jQuery中事件处理的核心概念、方法以及常见的应用场景。 首先,jQuery提供了一种更加...

    img的onload的另类用法

    为了解决这个问题,许多JS库,例如jQuery和Prototype,提供了相应的函数来模拟实现onload事件的功能。这些函数可以让我们在加载完某些资源后执行某些操作,而不需要等到所有的HTML元素加载完成。 那么,我们可以...

    jquery绑定事件不生效的解决方法

    关于jQuery绑定事件不生效的问题,首先需要了解jQuery为JavaScript封装了一套简便的API,极大地简化了JavaScript代码的编写,尤其在事件处理方面。但是,在实际开发过程中,可能会遇到绑定的事件不生效的情况,这...

    jquery的$(document).ready()和onload的加载顺序

    最近在改一个嵌入在frame中的页面的时候,使用了jquery做效果,而页面本身也绑定了onload事件。改完后,Firefox下测试正常流畅,IE下就要等个十几秒jquery的效果才出现,黄花菜都凉了。 起初以为是和本身onload加载...

    jquery入门文档ppt

    确保在中添加引用,而不是在的onload事件中,以确保DOM加载完成后再执行jQuery代码。 jQuery的核心在于其选择器和函数。$(expression)是一个主要的函数,它接受一个CSS选择器,返回一个jQuery包装集,这是由匹配的...

    详解Jquery的事件操作和文档操作

    比如,`jq(document).ready()` 是一个用于页面加载完毕后执行的函数,这是最基本的Jquery事件,等同于JavaScript的 `window.onload`。 ```javascript jq(document).ready(function(){ alert("页面加载完成"); }); ...

    JQuery onload、ready概念介绍及使用方法

    在JavaScript和JQuery中,页面加载的两种关键事件是`ready`和`onload`,它们在网页渲染和交互中起着至关重要的作用。本文将深入探讨这两个概念以及它们的使用方法。 首先,`ready`事件,也常通过JQuery的`$...

    jquery 教程 详细解释了jquery的使用方法

    jQuery 是一个广泛使用的 JavaScript 库,它极大地简化了 JavaScript 的DOM操作、事件处理、动画制作以及Ajax交互。这个“jQuery 教程”旨在为初学者提供详细的jQuery使用方法。 一、jQuery特点 1. 轻量级:jQuery...

    jQuery中事件与动画的总结分享

    在传统的JavaScript编程中,window.onload事件只能定义一次,而jQuery提供的$(function(){})在文档的DOM结构加载完成后即可执行,相当于DOMContentReady事件。这两者的主要区别在于window.onload在HTML页面中只能...

    jquery鼠标事件

    `onLoad`:页面加载完成事件 当整个页面(包括所有资源文件)加载完成后触发。常用于初始化插件、设置样式等。 ```javascript $(document).ready(function(){ // 页面加载完成后执行的逻辑 }); ``` #### 9. `...

    全面解析jQuery $(document).ready()和JavaScript onload事件

    这两个阶段分别对应了jQuery中的$(document).ready()方法和JavaScript的onload事件。 $(document).ready()是jQuery提供的一个方法,它允许我们在DOM结构完全加载并且解析后立即执行代码。在描述中提到,$(document)...

    Jquery多选下拉列表插件jquery multiselect

    - **事件监听**:插件提供了多个事件,如`onOpen`、`onClose`、`onLoad`等,可用于实现更复杂的交互逻辑。 ### 5. 自定义样式 由于jQuery Multiselect使用了CSS来控制样式,因此你可以轻松地调整下拉框的外观,...

    jQuery前端开发技术

    - **优化技巧**:使用最新的jQuery版本,减少DOM操作,使用`$(document).ready()`代替`window.onload`,以及合理使用事件委托等。 ### 7. 实战项目 通过实际项目来巩固学习,例如,构建响应式导航栏、动态加载数据...

    jQuery小例子源码

    1.客户端事件的注入.Whindom.onload,jquery--&gt;(document).ready(function(){内容}); 2.css样式表中的元素,类,元素ID是设置,及其就近原则,类高。 3.知道了,css中border属性,background-image(url)图片的相对...

Global site tag (gtag.js) - Google Analytics