window.onload 是当整个dom树渲染完毕,包括图片都加载完毕,那么对应的方法才执行。且只执行一次
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script>
/**
* window.onload 只的是当整个dom树渲染完毕,包括图片都加载完毕,那么对应的方法才执行。
* 该方法内的代码只执行一次。
*/
window.onload = function() {
var username = document.getElementById('username');
var btn = document.getElementById('btn');
console.log(username, btn);
btn.onclick = function() {
alert(username.value)
}
}
</script>
</head>
<body>
<input type="text" id="username" name="username" /> <button id="btn">点击</button>
<img src="">
</body>
</html>