Javascript 需要帮助让hello world应用程序正常工作吗_Javascript_Html

Javascript 需要帮助让hello world应用程序正常工作吗

javascript html

Javascript 需要帮助让hello world应用程序正常工作吗,javascript,html,Javascript,Html,我正试图找出如何让javascript在一个单独的文件中与html一起工作，这样我就可以按照本教程进行操作，但我在弹出警报时遇到了困难这是我的密码到目前为止，我只能得到一个没有任何作用的按钮 var hellobutton=document.getElementById（“hello”）； hellobutton.onclick=函数（）{ 警报（“你好，世界”） } 标题页它在第2行抛出一个错误，因为它找不到任何已加载该条件的元素，因此在第1行返回null。值null为“nothi

我正试图找出如何让javascript在一个单独的文件中与html一起工作，这样我就可以按照本教程进行操作，但我在弹出警报时遇到了困难

这是我的密码

到目前为止，我只能得到一个没有任何作用的按钮

var hellobutton=document.getElementById（“hello”）；
hellobutton.onclick=函数（）{
警报（“你好，世界”）
}


标题
页

它在第2行抛出一个错误，因为它找不到任何已加载该条件的元素，因此在第1行返回null。值null为“nothing”，因此不能将onclick事件设置为“nothing”。解决此问题的一种方法是在加载html元素后加载js（无需编辑js文件）：

我找到了这段代码。

你在浏览器的控制台中遇到错误了吗？你确定你的js文件在正确的位置吗？@Carcigenicate main.js:2未捕获类型错误：无法在main.js:2将属性“onclick”设置为null。你可能需要将js粘贴到页面的

onload

侦听器中。它试图在创建之前搜索

hello

按钮。将JavaScript放在页面的末尾，而不是开始。它按顺序执行，在元素存在之前找不到该元素。

<!DOCTYPE html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <link rel="stylesheet" type="text/css" href="/static/main.css">
  <title>Title</title>
 </head>
 <body>
  <div class="content-section">
  <h1>Page</h1>
  <input type = "button" id="hello" value = "Say Hello" />
  </div>
  <script type="text/javascript" src="/static/main.js"></script>
 </body>
</html>

document.addEventListener('DOMContentLoaded', function() {
   var hellobutton = document.getElementById("hello");
   hellobutton.onclick = function() {
          alert("Hello World")
   }
}, false);