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

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

jquery的方法

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

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

简写方式:

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

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

一般的载入页面

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

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

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

原文地址:https://www.cnblogs.com/clnchanpin/p/7209176.html