在html页面中可以将页面加载后的处理函数通过标签写在html页面中的body标签之后,这样才能在html代码执行完成之后执行,否则就会出现问题。下面介绍一下基于jQuery的函数来解决这个问题。
相关语法如下:
- 方法1
$(document).ready(function(){
//加载完成后执行的操作
});
- 方法2
$().ready(function(){
//加载完成后执行的操作
});
- 方法3
$(function(){
//加载完成后执行的操作
});
- 与原生的onload事件的区别:
- 原生onload事件不能多次使用,后面的会把前面的覆盖掉,只执行最后书写的onload。
jquery中的ready方法,也表示文档加载完毕,
可以使用多次,所有的相关的函数都会被执行,不会被覆盖。
2.原生onload事件,等待页面中DOM节点及所有页面资源全部加载完成才执行,但jquery中ready方法,只等待DOM树加载完成就执行相关函数。