<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<button onclick="myFunction()">Try it</button>
<script>
function myFunction()
{
document.write("Oops! The document disappeared!");
}
</script>
</body>
</html>
上記のコードは、以下のような出力を示しています
初めての Web ページ
Try itボタンをクリックすると、以下のような出力が得られました
おっとっと！書類が消えた！
ドキュメントの読み込みが完了した後に document.write を実行すると、HTML ページ全体が上書きされます。しかし、私の疑問は、ドキュメントの読み込みがいつ終了したかということです.........私はそれを理解していません。次に、上記のコードを以下のように変更しました
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<button onclick="myFunction()">Try it</button>
<script>
function myfunction()
{
document.write("My First JavaScript");
}
</script>
</body>
</html>
しかし、上記のコードは以下のような出力を示しています
初めての Web ページ
[Try it] ボタンを押しても何も出力されません。なぜこれら 2 つのプログラムがこのように機能するのかわかりません。