JavaScript文件不是只运行HTML CSS

JavaScript file isn't running only HTML CSS

本文关键字：运行 HTML CSS 文件 JavaScript      更新时间：2023-09-26

任何类型的javascript代码我写和保存没有错误，当我打开链接到js和css的html文件(没有jquery或其他api)。它适用于所有其他在线测试环境(是因为我链接我的js错误)。我:

<script src="javascript.js">
http://jsfiddle.net/tysvnr8q/

我在其他地方读了很多答案，但它们都不起作用。

括号内代码:

HTML 

<div id="circle"></div>
CSS 

#circle {
height: 100px;
width: 100px;
border-radius:100px;
background-color: red;
}

JS 

document.getElementById("circle").onclick = function () {
       document.getElementById("circle").style.display = "none";
};

放置脚本标签的地方就是脚本运行的地方。例:如果你把脚本放在body部分的顶部或头部，脚本将在加载页面的其余部分之前运行。您可以将代码放在window.onload()或

中。
document.addEventListener("DOMContentLoaded", function(event) { 
  //do work
});

或者您可以将脚本标记与对文件的引用(我假设是javascript.js并且在同一文件夹中)放在body部分的最底部。不要忘记关闭标签

假设文件javascript.js实际上与你的HTML文件在同一文件夹中，那么@nickRise有正确的答案。

但我想我可以澄清你问题中的一点困惑。

你在标题中说你的脚本不能运行。实际上，脚本正在运行，但是如果您在构建DOM之前运行该脚本，那么当脚本执行

时，
document.getElementById("circle")

它找不到你的元素，因为元素还没有创建!

就像@nickRise说的，把脚本放在你的主体的底部，或者让它在onload处理程序中运行。

在开发时查看开发人员工具控制台将会很有帮助。它可能会说诸如undefined不具有onclick属性之类的内容(实际的错误消息可能会有所不同)。或者，如果碰巧javascript.js文件在错误的位置，您可能会看到一个错误，说没有找到脚本。

脚本正在运行，它只是没有按照您的想法去做。
相关文章：