如何在 Javascript 中的警报/确认框中显示图像?

2024-07-04

如何在警告框或确认框显示图像?我一直在尝试使用下面的代码,但在警报框中获取图像网址。请任何人帮助我解决问题,或者如果不可能,请给出任何其他建议。

var image = document.getElementById("myImage").src="hackanm.gif";
alert("OnLoad image"+image );

JavaScript 中的警报框只能显示纯文本。您可以使用像 jQuery 这样的 JavaScript 库来显示模式吗?

这可能有用:http://jqueryui.com/dialog/ http://jqueryui.com/dialog/

你可以这样做:

<!doctype html>

<html lang="en">
<head>
  <meta charset="utf-8" />
  <title>jQuery UI Dialog - Default functionality</title>
  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
  <script>
  body {
    font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
    font-size: 62.5%;
}

  </script>
  <script>
  $(function() {
    $( "#dialog" ).dialog();
  });
  </script>
</head>
<body>

<div id="dialog" title="Basic dialog">
  <p>Image:</p>
  <img src="http://placehold.it/50x50" alt="Placeholder Image" />

</div>


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

如何在 Javascript 中的警报/确认框中显示图像? 的相关文章

  • CSS 100% 高度,带填充/边距

    使用 HTML CSS 如何制作一个宽度和 或高度为其父元素 100 且仍具有适当的填充或边距的元素 正确 是指如果我的父元素是200px高 我指定height 100 with padding 5px我希望我应该得到一个190px高元素与
  • BeautifulSoup 3.1 解析器太容易崩溃

    我在使用 BeautifulSoup 解析一些不可靠的 HTML 时遇到了麻烦 事实证明 新版本中使用的 HTMLParser 的容忍度低于以前使用的 SGMLParser BeautifulSoup 有某种调试模式吗 我正在尝试找出如何阻
  • AJAX 调用后使用 jquery 刷新 DOM

    我正在做一个新项目http www hotwirerevealed com http www hotwirerevealed com它显示 识别 hotwire com 上的酒店 输入状态和目的地后 我有一个 javascript 函数 它
  • HTML 文本和密码输入字段的大小不同 Internet Explorer

    我正在为我的登录表单使用此表单设置 tr td class label Username td td td tr
  • 如何将node.js应用程序转换为cordova

    我们建造了一个node js适用于台式机和平板电脑的应用程序 它是完全基于网络的应用程序 现在我计划在中实现与本机应用程序相同的应用程序android using Apache cordova 在项目目录下 我们有node modules
  • 如果按下警报,则转到“确定”按钮后的 URL

    我需要确保当用户在 JavaScript 警报窗口中单击 确定 时 浏览器会移动到不同的 URL 这可能吗 你是什 么意思 确保 alert message window location some url 在警报窗口中单击 确定 后重定向
  • 如何根据内容使 iframe 100% 高度

    我看到很多人问如何使 iframe 100 高度 使用一些 CSS 可以轻松归档 它将使 iframe 相对于设备屏幕 100 显示 但是如何让iframe根据其内容100 高度呢 这是我当前根据设备屏幕制作 100 iframe 的代码
  • Gulp Sass - 如何正确命名输出 css?

    我正在阅读有关 sass 的教程here https scotch io tutorials getting started with sass然后我尝试了其他方法 但在本教程中无法得到答案 这就是问题所在 我的 gulpfile js 中
  • 错误:“访问受限 URI 被拒绝”

    访问受限 URI 被拒绝 代码 1012 中断此错误 xhttp send null function getXML xml file if window XMLHttpRequest var xhttp new XMLHttpReques
  • 如何检测安装的Chrome版本?

    我正在开发一个 Chrome 扩展程序 我想知道是否有一种方法可以检测用户正在使用哪个版本的 Chrome 获取 Chrome 的主要版本作为整数 function getChromeVersion var raw navigator us
  • 使用加载器 ts-node/esm.js 运行节点需要导入具有 .js 扩展名

    我正在尝试将我的 package json 设置为模块来运行节点 14 type module 如果我在打字稿文件上运行此命令 node loader ts node esm mjs experimental top level await
  • 获取此 contenteditable 元素中的当前行和行索引?

    我有一个这样的元素 span line 1 line 2 line 3 line 4 line 5 span 假设用户正在编辑 第 4 行 如何获取该 contenteditable 元素中的当前行和行索引 在插入符号位置 这是使用选择属性
  • scrollIntoView 滚动得太远

    我有一个页面 其中包含从数据库动态生成的带有 div 的表行的滚动条 每个表格行的作用就像一个链接 有点像您在视频播放器旁边的 YouTube 播放列表中看到的那样 当用户访问该页面时 他们所在的选项应该位于滚动 div 的顶部 此功能正在
  • Twitter 引导工具提示说明不起作用?

    我注意到我的 Twitter 引导工具提示不尊重data position 所以 我前往Twitter Bootstrap 工具提示演示 http twitter github com bootstrap javascript html t
  • 使用相同的 URL 哈希刷新 BackboneJS? [复制]

    这个问题在这里已经有答案了 我当前的主干应用程序有一个 url localhost users 有没有办法访问localhost users当位于 URL 时localhost users所以它会刷新页面 目前 当我在localhost u
  • 如何获取对象类型

    在我的 Google Apps 脚本应用程序中 我看到以下错误 脚本已完成 但返回值不是受支持的返回类型 如何找出我返回的值的类型 我试过 typeof obj 但我得到的只是它是一个对象 仅当缓存为空并且从电子表格加载数据时才会发生此错误
  • 使页脚正确粘贴到页面底部[重复]

    这个问题在这里已经有答案了 我试图让我的页脚 只是一个带有一行文本的div 位于屏幕底部 如果内容没有一直到达底部 或者位于内容的底部 如果内容需要滚动条 如果内容不需要滚动条 它可以完美工作 但是当内容太长时 页脚仍然位于同一位置 位于内
  • Laravel 4 中的图标链接

    有人可以帮忙重写这个 从 HTML 到 Laravel4 吗 a href index php span i class icon home i span Home a 该页面的路由名称只是 我知道如何在 Laravel 中编写简单的链接
  • 如何转义 XML 中的 & 符号,以便它们在 HTML 中呈现为实体?

    我有一些 XML 文本希望在 HTML 页面中呈现 该文本包含一个 符号 我想在其实体表示中呈现它 amp 如何在源 XML 中转义这个 符号 我试过 amp 但这被解码为实际的 符号 即在 HTML 中无效 https stackover
  • 带图像背景的页面的 V 形部分

    I m trying to make a one page website But I would like something to diversify it from all other similar sites I came up

随机推荐

  • 使用自定义函数计算结构体 Vec 中的部分重复项

    假设我有以下示例 struct Client email String phone String details String fn main let mut clients Vec
  • 如何在 JPanel 中显示图像

    我的问题是如何将图像显示到 JPanel 中 这里询问类似问题的其他主题我不清楚我该如何做到这一点 我的项目文件夹中有一个包含图像文件的目录Project Folder GUI img 具体来说gray png and green png我
  • TSQL 时间序列模式数据挖掘

    获取一个包含以下 3 个字段的 SQL 表 Id TimeStamp Item UserId 我想确定最常见的序列Item for a UserId在一次会议中 会话将简单地由时间阈值来定义 即 如果 X 分钟内没有完整的条目 则任何未来的
  • 异步任务被评估两次

    我使用以下方法同时异步执行一些任务 public async Task
  • 在 AWS SageMaker 上重新托管经过训练的模型

    我已经开始探索 AWS SageMaker 从这些开始AWS 提供的示例 https github com awslabs amazon sagemaker examples tree master introduction to amaz
  • YouTube 上传质量

    我正在使用 google 的 GData API 将视频从我的应用程序上传到 youtube 上传工作正常 但上传视频的质量仅为 360p 而原始视频的质量为 720p 这是否按预期工作 如果是这样 有什么方法可以解决此视频压缩问题 让我的
  • Skype REST API python 开始对话

    刚刚将我的机器人杰西添加到联系人中 现在尝试开始对话但没有任何作用 import requests import requests auth as auth import json url https login microsoftonli
  • 如何在多线程中使用spring事务

    我有一个方法如下 ClassA java Transactional public void methodA ExecutorService executorService Executors newFixedThreadPool 4 ex
  • Android ShapeDrawable 以编程方式设置背景和边框

    我有一个ShapeDrawable final ShapeDrawable drawable new ShapeDrawable shape drawable getPaint setStyle Paint Style FILL drawa
  • 如何找到循环矩阵何时收敛

    我得到了一个矩阵 P lt matrix c 0 0 0 0 5 0 0 5 0 1 0 1 0 0 4 0 0 4 0 0 2 0 2 0 3 0 0 3 0 0 0 3 0 5 0 0 2 0 0 0 0 4 0 6 0 0 0 0 0
  • 适合初学者的基于 Java 的 Web 应用程序框架

    我有一位新同事需要一些有关用 Java 开发 Web 应用程序的教育 他有基本的 Java 知识 但几乎没有 Web 应用程序经验 我们的标准工具堆栈基于 Wicket JPA 和 Spring 但我担心这会让我们的新同事过度收费 现在我正
  • Android 上的 DGPS 校正

    我正在开发一个项目 旨在利用 Android 手机和附近站点的 GPS 功能 使用 RTK DGPS 技术来计算更精确的定位 厘米 到目前为止 我还没有看到有人说他们实际上成功地执行了类似的任务 除了 GPSmaster 谁不解释一下如何
  • ORA-06502: PL/SQL: 数字或值错误: C# 代码中的字符串缓冲区太小异常

    我正在尝试使用来自 asp net 上的 code 的 in 和 out 参数执行一些 oracle pl sql 过程 我想从 out 参数中检索值 但是当我执行时 我收到一个oracle异常 如 ORA 06502 PL SQL 数字或
  • 用 R 中的 ggplot2 填充两条线之间的区域

    这是一个玩具数据集 xa lt c 4 5 4 5 4 3 1 5 ya lt c 1 2 4 5 5 5 6 xb lt c 3 8 4 5 4 3 5 2 5 1 yb lt c 1 2 3 4 5 5 8 toyset lt as d
  • 尝试重复键插入时抛出的正确异常?

    我多次看到关于避免抛出泛型的评论RuntimeException我正在努力遵循该指导方针 我有一个类聚合了SortedMap具有允许或禁止重复键的属性设置 我试图找出当不允许重复键并尝试添加一个时应该抛出什么异常 我检查了 Java 文档E
  • Promise 是做什么的?

    我正在关注 Stephen Grinder 教程 他开始使用 Promisify 为此他给出了非常模糊的解释 说redis需要一个回调函数 他发现非常不整洁 redis不支持NodeJS中的promise 然后他做了这样的事情 const
  • 在 WPF MVVM 中绑定图像

    我在将图像绑定到我的视图模型时遇到一些问题 我终于摆脱了 XamlParseException 但图像没有出现 我什至在 ViewModel 中对图像进行了硬编码 有人能看到我做错了什么吗 View
  • Spotify 会话管理

    我在我的应用程序中有一个 Spotify 登录并尝试进行自动登录 登录功能 func getSpotifyToken fromController controller UIViewController success spotifyTok
  • 如何使用curl访问Twitter REST API v1.1?

    使用 测试 OAuth 功能 应用程序设置 我可以为指定的 API 请求生成完全设置的curl 命令 curl get https api twitter com 1 1 followers ids json data count 10 c
  • 如何在 Javascript 中的警报/确认框中显示图像?

    如何在警告框或确认框显示图像 我一直在尝试使用下面的代码 但在警报框中获取图像网址 请任何人帮助我解决问题 或者如果不可能 请给出任何其他建议 var image document getElementById myImage src ha