页面加载

<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>页面加载</title>

<!-- 导入jq -->
<script src="js/jquery-3.3.1.js"></script>

<script type="text/javascript">
// js页面加载完毕后,触发的事件回调方法
window.onload = function () {
console.log("window load 1");
}
window.onload = function () {
console.log("window load 2"); // 5
var div = document.querySelector('.div');
console.log(div);
}
// 只能绑定一个(逻辑下方的)回调函数
// 页面加载完毕后回调

// jq文档加载完毕
$(document).ready(function () {
console.log('document load 1'); // 2
})
$(document).ready(function () {
console.log('document load 2'); // 3
})
// 简写
$(function () {
console.log('document load 3'); // 4
})

console.log('normal load'); // 1

</script>

</head>
<body>
<div class="div"></div>
<img src="http://onehdwallpaper.com/wp-content/uploads/2015/11/Most-Beautiful-Girl-in-Flowers-Field.jpg"/>
</body>
</html>

posted @ 2018-10-23 15:53  不沉之月  阅读(110)  评论(0)    收藏  举报