浏览器会忽略Javascript

VaV*_*aVa 1 html javascript

菜鸟提醒!你能告诉我为什么我的Javascript代码不会更新消息.浏览器运行HTML但忽略了Javascript代码.我究竟做错了什么?

<!DOCTYPE html>

<html>
<head>
  <title>Basic Function </title>

  <script type="text/javascript">


var msg = 'Sign up to receive our newsletter for 10% off!';

function updateMessage() {
  var el = document.getElementById('message');
  el.textContent = msg;
}

updateMessage();
  </script>
</head>
<body>
<h1> Travel Worthy </h1>
<div id="message">Welcome to our site! </div>  
  </body>
</html>
Run Code Online (Sandbox Code Playgroud)

Bar*_*mar 5

您在加载正文之前运行Javascript,该message元素尚不存在.将脚本移动到末尾<body>,或将最后一行更改为:

window.onload = updateMessage;
Run Code Online (Sandbox Code Playgroud)

以便在加载HTML后加载该函数.