常用的3种初始化方法
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<script type="text/javascript" src="js/jquery-1.9.1.min.js" ></script>
<title>初始化事件</title>
</head>
<body onload="loading()">
</body>
<script>
//当一个文档完全下载到浏览器中时,才会触发window.onload事件。这意味着页面上的全部元素对js而言都是可以操作的,也就是说页面上的所有元素加载完毕才会执行。这种情况对编写功能性代码非常有利,因为无需考虑加载的次序。
function loading(){
console.log("load--2--");
}
//会在DOM完全就绪并可以使用时调用。虽然这也意味着所有元素对脚本而言都是可以访问的,但是,并不意味着所有关联的文件都已经下载完毕。换句话说,当HMTL下载完成并解析为DOM树之后,代码就会执行。
//以下两种初始化方法相同,这个是下一个的简化写法
$(function(){
console.log("init--1--");
});
$(document).ready(function(){
console.log("ready--1--");
});
</script>
</html>