近期在看jquery,发现他竟然能自己主动运行js代码,于是就查了下。收集了几种经常使用的实现方法
jquery的方法
使用场景:不论什么须要运行的js特效
$(document).ready(function(){
alert("你好");
});
简写方式:
$(function(){
alert("你好");
});
});
说明:
就只只须要载入全部的DOM结构,在浏览器把全部的HTML放入DOM tree之前就运行js效果。包含在载入外部图片和资源之前。
一般的载入页面
使用场景:须要全部资源载入完毕后再运行js特效
window.onload = function(){
alert("你好");
});
}
说明:
这段代码会在整个页面的document全部载入完毕以后运行。不幸的这样的方式不仅要求页面的DOM tree全部载入完毕,并且要求全部的外部图片和资源全部载入完毕。更不幸的是,假设外部资源,比如图片须要非常长时间来载入,那么这个js效果就会让用户感觉失效了。
时间: 2024-10-02 03:02:21