window.onload

あれこれと知識が繋がりつつあるか。以下コピペでなく考えてやりました。

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset ="UTF-8">
<title>Use</title>
<script>
(window.onload = function() {
    var btn = document.getElementById('bt');
    btn.addEventListener('click', function() {
    console.log('クリックされました！');
    },false);
});
</script>
</head>
<body>
<button id="bt">表示</button>
</body>
</html>

onloadでないときはscriptこの順でないとボタンの参照ができない。


<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset ="UTF-8">
<title>Use</title>
</head>
<body>
<button id="bt">表示</button>
<script>
var btn = document.getElementById('bt');
btn.addEventListener('click', function() {
console.log('クリックされました！');
},false);
});
</script>
</body>
</html>

No tags for this post.