javascript - 我调用的图像没有显示

Question

我是编码新手，并试图制作一个基本上显示一堆虚假错误消息的 Chrome 应用程序。我用按钮调用图像，但图像没有显示。有人可以帮忙告诉我我做错了什么吗？这是代码；

我在输入代码时遇到了一些问题，所以... http://pastebin.com/iTtmLVE5

Answer 1

你的代码没有问题，但它的实现没有问题。首先打开控制台(F12)并检查js文件是否已正确加载。另外，您应该真正考虑将外部 javascript 文件放在哪里。通常它们被放置在 html head 标签中或在关闭 body 标签之前。

两者的区别在于，如果你将js文件放在header中，它的加载优先级很高，因此它会在DOM(文档对象模型，所以只是一个HTML结构)之前加载，并且当你将它放在body关闭之前时加载标签，DOM将首先加载，因此用户可以更快地看到inetrface(因为js是在浏览器渲染之后加载的)。

复制并粘贴您的代码并进行一些清理后，它就可以工作了。我所做的就是删除所有不必要的 HTML 代码，将 js 文件名更改为更具表现力的名称(在我的例子中为 script.js)，一切运行良好。