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

标签 javascript html google-chrome-app chrome-app-developer-tool

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

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

最佳答案

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

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

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

关于javascript - 我调用的图像没有显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34707270/

相关文章:

javascript - chrome 扩展 - 从串口读取

javascript - 提交表单时,使用 servlet 从数据库生成的表未提交

javascript - 通过 id 或属性查找 <style> 标签

html - 手机上的背景图片看起来缩小了

html - 无法让 emacs 组织模式使用我的 CSS 文件

javascript - Chrome 应用中的内容安全政策

javascript - Angular 在单击时将按钮内容添加到数组

javascript - 为什么我不能使用此 AJAX 响应的一部分?

javascript - 使用 jQuery 遍历列表

android - 将应用程序与 Google 搜索结果和 Chrome 集成