单独的HTML/javascript

问题描述：

我试图让我的JavaScript代码在除了我的HTML文件之外的文件中。单独的HTML/javascript

将两个脚本之间的链接工作，然而像功能document.getElementById()这样的东西不起作用。

任何人都知道我能够解决这个问题吗？

HTML代码：

<!DOCTYPE HTML> 
    <html> 
     <head> 
      <title>Boost</title> 
      <script src="javascript.js"></script> 
      <link rel="stylesheet" type="text/css" href="styles.css"/> 
     </head> 
     <body> 
      <h3> 
       <p id="TopTextParagraph">Hi there</p> 
       <div> 
        <button id="clickNext">Next</button> 
       </div> 
      </h3> 
     </body> 
</html>

JavaScript代码：

document.getElementById("clickNext").onclick = goNext; 

function goNext() { 
    console.log("stuff here") 
}

当我把它在HTML文件中使用<script> </script> JavaScript的工作，只是不知道如何使它在工作单独的Javascript文件。

我们也许，如果我们看到了一些删除的代码。就像现在一样，没有。编辑你的问题，点击''''并添加HTML和脚本 – mplungjan

我已经添加了我的代码 – Lukas

可能的重复 - http://stackoverflow.com/questions/11840148/call-external-js-file-in-html –

答

您正在head标记内添加脚本。当执行clickNext该片段元素不会在DOM存在

您可以添加脚本的结束标记接近解决问题&从头部标签

<body> 
    <h3> 
<p id="TopTextParagraph"> Hi there</p> 
<div>< button id="clickNext"> Next</button></div> 
</h3> 
    <script src="javascript.js"></script> 
</body>

当然，谢谢！ – Lukas

单独的HTML/javascript

相关推荐