jQuery的页面加载事件

　　window.οnlοad=function(){...}作用是当页面加载的时候可以调用某些函数，例如：

window.onload = function() {alert("加载成功");
}

Firefox显示结果

但是这个时间只能有一个，例如：

window.onload = function() {console.log("window.onload fn1");
}
window.onload = function() {console.log("window.onload fn2");
}

在FireBug中显示结果为：

可以清楚的看到只打印了第二句，但是上面的方法的却是运行到了

所以得出的结论是window.onload事件只能有一个，如果有多个，则值运行最下面的那一个。

但是在.net中经常需要在后台加载JS，如果碰到这种情况岂不死翘翘了？

jQuery很好的解决了这个问题，jQuery也有一个页面加载事件，例如：

jQuery(function() {    //或者$(function(){...});
console.log("jQuery fn1");});/比较老的写法
$(document).ready(function() {console.log("$ fn2");});

来看看以下代码的运行效果：

jQuery(function() {console.log("jQuery fn1");});jQuery(function() {console.log("jQuery fn2");});

具体区别还在研究当中，让我们来看看几种方法的整体效果：

View Code

jQuery(function() {console.log("jQuery fn1");});jQuery(function() {console.log("jQuery fn2");});$(document).ready(function() {console.log("$ fn2");});$(document).ready(function() {console.log("$ fn1");});window.onload = function() {console.log("window.onload fn1");}
window.onload = function() {console.log("window.onload fn2");}

转载于:https://www.cnblogs.com/efanfan/archive/2013/01/24/2874369.html

jQuery的页面加载事件相关推荐

jquery中DOM加载事件，onload事件和ready事件
全栈工程师开发手册 (作者:栾鹏) jquery系列教程4-事件操作全解 jquery中DOM加载事件 jquery中的DOM加载事件分为onload事件和ready事件.,具体功能如代码中注释. 代 ...
Web前端基础---JQuery的页面加载+选择器+电子时钟案例
jQuery jQuery的页面加载 <!DOCTYPE html> <html><head><meta charset="UTF-8"& ...
jQuery的页面加载完毕事件？
很多时候我们需要获取元素,但是必须等到该元素被加载完成后才能获取.我们可以把js代码放到该元素的后面,但是这样就会造成js在我们的body中存在不好管理.所有页面加载完毕后所有的元素当然已经加载完毕. ...
页面加载事件html5,JavaScript页面加载事件实例讲解
一.onload 加载事件 onload 是 window 对象的一个事件,也可以省略 window 直接使用. 常用方式: 这个事件是等待页面加载完成之后,再执行注意:该事件相比于在中的
jquery实现页面加载进度条(转)
实现原理: 根据页面执行js的顺序将遮罩层和loading图片最先显示出来,等到页面加载完成后,用js控制图片消失.既在网页的头部放置一个文字或者图片的 loading 状态,然后页尾载入一段 JS ...
jQuery与JavaScript 页面加载事件
参考菜鸟教程 window.onload 与 jQuery ready() 区别 // JavaScript window.onload = function () {}; // jQuery $(d ...
jQuery在页面加载的时候自动调用某个函数的方法(转载)
第一种:$(document).ready(function(){ func(xxx)//执行函数}); 第二种:$(function(){ func(xxx)//执行函数}); 第三种:jQuery ...
jquery实现页面加载时删除特定class 的div内前三个字符
jQuery(document).ready(function(){ jQuery("div.groupheader").each(function(){ $( ...
vue生命周期函数，页面加载事件
<script>export default {data() {return {};},methods: {toIndex() {//跳转页面this.$router.push(" ...

jQuery的页面加载事件

jQuery的页面加载事件相关推荐

最新文章

热门文章