几种自己主动运行js代码的方式

Posted 2020-09-28 clnchanpin

近期在看jquery，发现他竟然能自己主动运行js代码，于是就查了下。收集了几种经常使用的实现方法

jquery的方法

使用场景：不论什么须要运行的js特效

$(document).ready(function(){
　　　alert("你好");
});

简写方式：

$(function(){
　　alert("你好");
　　});
});

说明：
就只只须要载入全部的DOM结构，在浏览器把全部的html放入DOM tree之前就运行js效果。包含在载入外部图片和资源之前。

一般的载入页面

使用场景：须要全部资源载入完毕后再运行js特效

window.onload = function(){
　　alert("你好");
　　});
}

说明：
这段代码会在整个页面的document全部载入完毕以后运行。不幸的这样的方式不仅要求页面的DOM tree全部载入完毕，并且要求全部的外部图片和资源全部载入完毕。更不幸的是，假设外部资源，比如图片须要非常长时间来载入，那么这个js效果就会让用户感觉失效了。