jQuery之load事件

最新推荐文章于 2024-09-26 01:42:12 发布

weixin_30709809

最新推荐文章于 2024-09-26 01:42:12 发布

阅读量75

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/learnit/archive/2012/06/03/2533365.html

版权

jQuery中的load事件表示对象加载完之后执行。以下为页面内容：

 1 <!doctype html>
 2  <html lang="en">
 3  　　<head>
 4  　　　　<meta charset="UTF-8"/>
 5  　　　　<title>jQuery training</title>
 6  　　</head>
 7  　　<body>
 8  　　　　<img id="image" src="images/wrapper.png"/>
 9  　　　　<script type="text/javascript" src="js/jQuery.js"></script> 
10  　　　　<script type="text/javascript" src="js/ext.js"></script>
11  　　</body>
12  </html>

1. js目录下的ext.js文件内容为：

1 $("#image").load(function(){
2　　　　alert("Image loaded.");
3 });

注：页面内容中的图片元素对象加载完之后（图片已显示完）显示消息框。

2.js目录下的ext.js文件内容为：

1 $(window).load(function(){
2　　 alert("window loaded.");
3 });

注：打开浏览器对象显示消息框。

转载于:https://www.cnblogs.com/learnit/archive/2012/06/03/2533365.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30709809

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

JQuery中的load事件

u011251014的博客

11-10

402

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

用Jquery.load载入页面实现局部刷新

10-26

JQuery提供的.load()方法就是实现局部刷新的一种简便方式，它允许从服务器获取新的数据并把它们插入到当前页面中的指定元素内。然而，在使用JQuery的.load()方法进行页面局部加载时，有时会发现新加载的页面内容与...

参与评论您还未登录，请先登录后发表或查看评论

【jQuery】onload事件,load(),ready()比较和使用

热门推荐

xn_28的专栏

02-25

1万+

一、ready() ：页面DOM结构加载完成后触发 $(document).ready(function(){...}); $().ready(function(){...}); $(function(){...});上面三种是一样的，后面两个是第一个的简写。二、load & onload ：页面所有元素加载完成后触发 window.onload = functio

jQuery中ready与load事件的区别

初漾的博客

05-10

523

ready先执行，load后执行。　要想理解为什么ready先执行，load后执行就要先聊一下DOM文档加载的步骤：　　(1) 解析HTML结构。　　(2) 加载外部脚本和样式表文件。　　(3) 解析并执行脚本代码。　　(4) 构造HTML DOM模型。//ready 　　(5) 加载图片等外部文件。　　(6) 页面加载完毕。//loa

JQuery知识点

weixin_41703489的博客

05-15

389

JQuery知识点一、 load事件二、选择器一、 load事件 JQuery中load事件的写法，注意：在Javascript中load只能写一个，但在JQuery中这种写法不限次数：完整写法 $(document).ready(function(){ }); 简略写法 $(function(){ }); $(function(){ }); 二、选择器传统写法 document.getElementById("标签ID名称"); 新写法，建议手机版本上使用 //

jquery load 事件用法

weixin_30788731的博客

05-07

217

Jquery提供的load方法

别人笑我太疯癫，我笑他人看不穿。

04-10

844

在此有必要解释一下，但从Post请求来说是可以用来跳转页面的，人家和get的区别只是携带参数的方式不同而已，造成post不能跳转页面的认知障碍是因为前端开发中常使用的交互技术，比如ajax和axios，这些技术封装的post请求不支持的页面跳转而已，而像表单的post以及load这种是可以用post跳页面的。前面说到想load页面还是数据取决于后端的配合，如果后端返回的是一个json那就是展示数据，如果返回的是一个普通的字符串，则在单体项目中，如jsp，则返回的是一个页面。load方法接收三个参数。

jQuery——click、load事件

admin_djp的博客

05-31

704

$(document).ready(function) $(document).ready(function)表示当 DOM（文档对象模型）已经加载完毕，会发生 ready 函数中的。格式： $(document).ready(function(){ //当DOM加载完毕执行的代码 ...... }) 由于该事件在文档就绪后发生，因此把所有其他的 j

关于JQuery($.load)事件的用法和分析

12-12

首先我们需要清楚的是jquery load方法是对jQuery.ajax()进行封装以方便我们使用的一个方法，当我们需要处理较为复杂的逻辑时候，还是需要用到jQuery.ajax()这个比较全面的方法的。调用load方法的完整语法格式：...

原来Jquery.load的方法可以一直load下去

10-28

根据提供的标题和描述，我们将深入探讨jQuery.load的工作原理、如何使用以及一些注意事项。首先，`jQuery.load()`的基本语法是： ```javascript $(selector).load(url, data, callback); ``` - `selector`：选择...

jQuery Ajax之load()方法

01-19

load()方法是jQuery中最为简单和常用的Ajax方法，能载入远程HTML代码并插入到DOM中。它的语法结构为：　load( url [, data][, callback] ) 　load()方法参数解释见下表：参数名称类　型说　明 url String ...

jQuery lazyload

05-06

**jQuery Lazyload 插件详解** 在Web开发中，优化页面加载速度是至关重要的，尤其在内容丰富的网站或应用中，大量的图片会显著增加页面的加载时间。为了解决这个问题，开发者们通常采用延迟加载（Lazy Load）技术，...

jquery中load方法的url路径问题

m0_61777576的博客

09-01

619

jquery中load方法的url路径问题

如何搭建Vue脚手架