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

新手上路,请多包涵

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

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

原文由 Mallikarjun 发布,翻译遵循 CC BY-SA 4.0 许可协议

阅读 314
2 个回答

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

这可能有用: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>

原文由 LondonAppDev 发布,翻译遵循 CC BY-SA 3.0 许可协议

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题