来自数组 HTML Javascript 的图像

2024-02-19

这是一个基本问题,但我发现的大多数例子都有点过于复杂。

我正在尝试创建一组照片,然后仅显示选定的一张。

这是我的数组:

var imgArray = new Array();
imgArray[0] = new Image();
imgArray[0].src = 'images/pie1a.png';
imgArray[1] = new Image();
imgArray[1].src = 'images/pie1b.png';
imgArray[2] = new Image();
imgArray[2].src = 'images/pie2a.png';
imgArray[3] = new Image();
imgArray[3].src = 'images/pie2b.png';

这是我的 HTML:

<img src=imgArray[1] width="33" height="32">

我也尝试过这个:

document.write('<img src="' + imgArray[1] + '" width="120" height="120"/>');    

照片永远不会显示。 我究竟做错了什么?


尝试这个:

var imgArray = [
    'images/pie1a.png',
    'imgaes/pie1b.png',
    // ...
];
document.write('<img src="'+imgArray[1]+'" width="120" height="120" />');

注意document.write这不是一个好主意,应该避免,但如果它至少能让你的代码正常工作,那就是一个好的开始!

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

来自数组 HTML Javascript 的图像 的相关文章

  • 从网站存储数据的最简单方法(在服务器端)

    我有一个非常简单的网站 实际上是单页 有一个输入字段和一个按钮 我需要将用户提交的数据存储在服务器端的某个位置 完美的方法可能是简单的文本文件 并在每次单击按钮后附加新行 日志文件也可以 据我了解 JavaScript 本身是不可能的 我在
  • JDBC插入实数数组

    我试图将一个真实的数组插入到 postgresql 数组中 该表的定义是 String sqlTable CREATE TABLE IF NOT EXISTS ccmBlock sampleId INTEGER block REAL 插入内
  • 获得一次性绑定以适用于 ng-if

    这个问题已经被之前问过 https stackoverflow com questions 23969926 angular lazy one time binding for expressions 但我无法让该解决方案发挥作用 所以我想
  • 有没有办法在 html 图像标签中显示位图数据? [复制]

    这个问题在这里已经有答案了 有没有办法在 HTML 元素中显示位图图像数据 例如 您有一个指向源文件的常规图像 如下所示 img src myImage png width 100 height 100 有没有这样的事情 img width
  • 删除 Laravel Mix 中的临时文件

    我想在 laravel mix 构建期间或之后删除临时构建文件 这是我目前拥有的一些代码 但是del不工作 const mix require laravel mix const del require del compile sass i
  • 带时间戳的 Firestore 查询

    如果它是文本字段 我可以使用 where 条件获取数据 但是当我尝试对时间戳字段和日期执行相同操作时 事情不起作用 这是我的代码 home ts firebase firestore collection cities where time
  • jQuery:如何在显示元素的同时使用高亮效果?

    我在一个页面上有两个元素 div content div div style display none different content div 当我点击当前显示的div 我想隐藏它并显示另一个 这很容易做到 a hide b show
  • 从相机视图中拖动锁定在一定距离/半径处的对象

    我在场景中心有一个相机 距离相机 z 400 处有 1 个球体 其父级位于中心 我想从视图中向上 向下 向左 向右拖动球体 但同时不改变它相对于中心的 z 位置 我最终使用了另一个球体并使其不可见 添加side THREE DoubleSi
  • 仅在首页加载时使用 cookie 加载 colorbox

    我尝试了来自网络的参考代码 仅在页面加载时加载特定元素一次 这是示例代码
  • xpath:选择中断标签之前和之后的文本节点

    考虑以下因素 混合 br and br text1 br text2 br text3 br text4 br text5 如何找到每个文本节点 我正在考虑符合 br 标签之前或之后的条件的东西 但不确定是否 br and br 在 xpa
  • 如何生成 JavaScript 堆栈跟踪? [关闭]

    Closed 这个问题不符合堆栈溢出指南 help closed questions 目前不接受答案 关于如何以跨浏览器的方式在 javascript 中生成堆栈跟踪有什么建议吗 较新的浏览器 Chrome 和 Firefox 公开了一个允
  • 如何修复 getImageData() 错误画布已被跨源数据污染?

    我的代码在本地主机上运行得很好 但在网站上却不起作用 我从控制台收到此错误 对于这一行 getImageData x y 1 1 data Uncaught SecurityError Failed to execute getImageD
  • 如何在 JavaScript 中对关联数组进行排序?

    我需要为我的一个项目通过 JS 对关联数组进行排序 我发现这个函数在 Firefox 中运行得很好 但不幸的是它在 IE8 OPERA CHROME 中不起作用 无法找到使其在其他浏览器中运行的方法 或者找到另一个适合该目的的函数 我真的很
  • 父指令属性更改时子指令不会更新

    这是对这两个问题的后续 在父指令和子指令之间传递参数 https stackoverflow com questions 42814530 pass argument between parent and child directives
  • 文本后面有粗下划线

    如何使用 span 和 css 在文本 ABC 后面重现这种下划线 我已经能够做下划线below嵌套的文本span和彩色的border bottom 但无法获取behind图像和above文本基线 p style font size 48p
  • 如何使用 Jest 测试对象键和值的相等性?

    我有一个mapModule我在其中导入组件并导出它们 import ComponentName from components ComponentName export default name ComponentName 我该如何测试ma
  • JavaScript 中最长的通用前缀

    我正在尝试解决 Leet Code 挑战14 最长公共前缀 https leetcode com problems longest common prefix 编写一个函数来查找字符串数组中最长的公共前缀字符串 如果没有公共前缀 则返回空字
  • Angular 2访问组件内的ng-内容

    我怎样才能访问 content 来自组件类本身的组件 我想做这样的事情
  • 在 JSP 或 Javascript 中清除浏览器缓存中的图像

    我正在为一所大学开发JSP Web 应用程序 用户页面中显示人员图片 用户注销后如何从网络浏览器缓存中清除这张图片 使用 JSP 或 JavaScript 那是不可能的 最好的选择是完全禁用相关资源的缓存 创建一个filter https
  • 如何构建 if 语句并与各种值进行比较?

    我该怎么写这个if以更好的方式声明条件 if data in 8 downto 1 x 70 or data in 8 downto 1 x 69 or data in 8 downto 1 x 72 or data in 8 downto

随机推荐

  • 运算符重载的基本规则和习惯用法是什么?

    注 答案已在特定订单 但由于许多用户根据投票而不是给出的时间对答案进行排序 因此这里有一个答案索引按照最有意义的顺序 C 中运算符重载的一般语法 https stackoverflow com questions 4421706 opera
  • 使用 Ant 构建 Android 项目 -- 找不到符号

    我正在尝试使用 ant 构建我的 android 项目 它在 eclipse 中运行良好 我运行错误并显示以下构建失败行 BUILD FAILED android sdks tools ant build xml 680 The follo
  • 前台服务在执行互联网相关操作时被杀死

    更新 以前我找不到关于我的前台服务何时被终止的明确定义的模式 经过对发生这种情况的设备 并非所有设备上都发生 进行更多调试后 我发现了 1 很多时候 当我打开 chrome 加载网站时 前台服务会被终止 有时甚至当我使用 Whatsapp
  • 是否可以在同一页面上使用多个 h1 标签,但样式不同?

    我有一个网页 我在各个 DIV 中多次使用 h1 标签 并且我将每个 div 的 h1 样式设置为适当的大小 例如 content h1 font size 22px left nav h1 font size 14px content r
  • 如何使用 JPA - EntityGraph 仅加载实体 @Basic 属性的子集?

    我找到了这个文档 https docs oracle com javaee 7 tutorial persistence entitygraphs htm关于实体图 读完之后 它给了我一个想法 您可以使用实体图来仅检索实体的子集 Basic
  • Android Studio 中的 Firebase android jars 文档/javadoc [重复]

    这个问题在这里已经有答案了 我正在尝试在 Android studio 上查看适用于 Android 的 Firebase Javadoc API 我在互联网上找到了javadoc 例如 数据库参考 https firebase googl
  • 如何在 Azure 中启用 PUT 请求?

    我正在 Azure 上构建 REST API 但是当我尝试通过 PUT 方法访问端点时 我得到了HTTP 405 Method Not Allowed 状态以及 IIS 错误消息 由于无效 您要查找的页面无法显示 正在使用方法 HTTP 动
  • 促使 TestFlight/iTunes Connect 发布新的测试版

    我正在使用 iTunes Connect 中的新测试版功能 我将一个版本 98 上传到 iTunes Connect 设置了一些内部测试人员 然后他们下载了该版本 现在 我已经使用新版本 build 99 更新了构建 并且该版本已上传到 i
  • logcat 停止写入设备上的文件

    对于 Android 应用程序 我将日志保存在设备本身上 以便在出现问题时我们可以找出问题所在 该设备在无互联网环境中运行 因此无法远程写入日志 下面的代码首先清除缓冲区 然后连续将记录的内容写入 logFile try Process p
  • 如何减小超过 600 MB 的 Electron 封装大小

    我发现这是因为节点模块和应用程序打包了一些不需要的东西来运行 当前文件大小为 600 mb 但我希望它小于 200 mb 我怀疑 no prune 填充了构建的包中的所有节点模块 但我只需要指定构建的包中的节点模块 我尝试删除 packag
  • 可绘制的 getResources().getIdentifier 问题

    这是我第一次来这里 我发现这个网站非常有用 我是 android 新手 我需要找出为什么我无法在列表视图中动态加载图像 我有三个字符串数组 private String lv arr News Events Other private St
  • cs107 makefile::找不到-lrssnews

    我想开始从事在线斯坦福 CS107 编程范式课程的第四个作业 即 RSS 搜索器 然而 我在第一步就落后了 我无法编译准备好的 待处理的 未完成的程序 当我输入 make 时出现此错误 gcc rss news search o g Wal
  • 在生产和版本控制同步问题中运行 Strapi

    我想知道在生产中运行 Strapi 的最佳实践是什么 我注意到 当添加内容类型时 Strapi 会生成新文件 这意味着生产环境的文件将与版本控制不同步 有推荐的部署流程吗 在管理中进行更改后 我是否应该将生产中的更改提交到我的 git 存储
  • UICollectionViewCell systemLayoutSizeFittingSize 返回不正确的宽度

    我一直在玩弄动态 UICollectionViewCell 并注意到在 iOS 8 上调用cell contentView systemLayoutSizeFittingSize UILayoutFittingCompressedSize
  • 在某些版本的 Oracle 中,相关子查询是否有嵌套限制?

    这是可以帮助您理解我的问题的代码 create table con content id number create table mat material id number content id number resolution num
  • C# 自动启动自动将应用程序添加到启动文件夹

    C 自动启动是否有可能自动将应用程序添加到启动文件夹 现在我可以下载并安装具有自动启动功能的 C 应用程序 但当我重新启动 Windows 时 应用程序不会自动评级 怎么做 你可以使用它 RegistryKey rkey Registry
  • Android:将图像存储到项目目录(文件)中?

    我想将我的位图图像存储到项目目录中 我如何访问我的项目文件夹或者我的项目文件夹的地址是什么 您必须将图像放入res drawable文件夹 然后 您可以使用以下方式访问它们 R drawable name of image for name
  • 在样式组件 ReactJS 上导入 font-face

    I use styled component用于我的 ReactJS 应用程序上的库 css 我想要 font face但不工作 code on GlobalStyle js import createGlobalStyle from st
  • WPF Datagrid - 强制单行行

    我正在 WPF 中处理数据网格 但遇到了问题 将多行字符串添加到我的 DataGridTextColumn 时 该行的高度会扩展以适合整个文本 我希望行高始终保持不变 即仅显示第一行 有谁知道解决方案吗 似乎是一个足够简单的任务 但我还没有
  • 来自数组 HTML Javascript 的图像

    这是一个基本问题 但我发现的大多数例子都有点过于复杂 我正在尝试创建一组照片 然后仅显示选定的一张 这是我的数组 var imgArray new Array imgArray 0 new Image imgArray 0 src imag