标签 JS 下的文章

页面加载完成后执行JS的几种方法

发布于 , 1153 次浏览

1、DOM加载完毕后添加元素(传统方法)

window.onload = function(){
    // Add code
}

虽然能够在DOM完整加载后再添加新的元素,但是浏览器执行的window.onload不仅仅是在DOM构建完后,也是在所有图像和其他外部资源完整的加载并且在浏览器窗口显示之后,所以如果某个图片或其他资源加载的时间比较长,访问者就会看到一个不完整的页面,甚至在图片加载之前就执行了需要依赖动态 添加的的元素的脚本而导致脚本的错误。 解决方法: 使用jquery的$()在图像和外部资源加载之前就执行我们的函数。 2、jquery使用动态创建的$(document).ready(function){}方法

$(document).ready( function() {
    // Add code
});

也可使用简便方法:

$( function() {
    // Add code
});