6

我想像 iframe 一样在警报窗口中显示 HTML ..？我可以这样做吗...

<script>
alert("<html><body><h1>this is alert heading</h1></html></body>")
</script>

我怎样才能做到这一点..？

4

3 回答 3

7

如果您询问如何在警告框中显示 HTML 标记本身，请将其转义：

alert("\<html\>\<body\>\<h1\>this is alert heading\</h1\>\</html\>\</body\>")

如果您询问如何使用 HTML 格式化警报框，则不能。正如其他答案之一所示，您需要创建一个模式对话框。

于 2012-05-21T17:16:33.957 回答
7

我不会使用警报，而是使用弹出窗口。我建议你使用类似 jQuery Dialog 的东西，看看http://jqueryui.com/demos/dialog/

样本 ：

首先，创建一个 div 来包装你的 html 元素，

<div id='my-dialog-id' title='my dialog title'>
  <h1>this is alert heading</h1>
</div>

然后在 jQuery 和 jQueryUI 中包含一些 javascript

  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  <script>
  $(function() {
    $("#my-dialog-id").dialog(); //Here I select a div with id my-dialog-id and start the plugin.
  } );
  </script>

它已经准备好了！

于 2012-05-21T17:17:01.883 回答
4

你不能通过alert().

您可以使用模态对话框来模仿它。有很多模态对话框库——jQuery UI有一个非常强大的。

于 2012-05-21T17:15:49.093 回答