页面加载完毕后执行事件
页面加载完成后触发事件很简单,
写这个的原因是因为,每次用到的时候总是忘了怎么写。。。
三个方法:
首先最简单的方法。jquery的一种简写形式:
$(function(){
alert(“页面加载完成!”);
});
其对应的完整形态为:
$(document).ready(function(){
alert(“页面加载完成!”);
});
原生JS方法:
window.function(){
alert(“页面加载完成!”);
}
这几种方法在功能上的效果是一样的,但是三者(或者说两者)还是有一些区别的:
window.onload 会在页面的document全部加载完成以后,并且要求所有的外部图片和资源全部加载完成后才会执行操作。
$(document).ready(function() 只需要在浏览器把所有的HTML放入DOM tree之后就执行js效果。包括在加载外部图片等资源之前。
所以,建议使用方式:
样式控制的,比如图片大小控制,使用$(window).load();
JS事件触发的方法,可以在$(document).ready()里面加载。
但若不见if条件,会一直重复发送给controller请求,反复刷新。所以,要加上if判断。
<script type="text/javascript">
window.function(){
if(${requestScope.list==null}){
window.location.href = "index";
}
}
</script>