如何在Javascript中的警报/确认框中显示图像？ [英] How do I display image in Alert/confirm box in Javascript?
本文介绍了如何在Javascript中的警报/确认框中显示图像？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
如何在警报框或确认框中显示图像？我一直在尝试与下面的代码，但在警报框中获取图像url。请任何人帮助我解决，或如果不可能，请提供任何其他建议。
How to display image in alert box or confirm box? I have been trying with below code but getting image url in the alert box. Please anybody help me to get solve or please give any other suggestions if it does not possible.
var image = document.getElementById("myImage").src="hackanm.gif";
alert("OnLoad image"+image );
推荐答案
JavaScript中的警报框只能显示纯文本。您可以使用JavaScript库（如jQuery）来显示模式？
Alert boxes in JavaScript can only display pure text. You could use a JavaScript library like jQuery to display a modal instead?
这可能是有用的：
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>
这篇关于如何在Javascript中的警报/确认框中显示图像？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
