在警报窗口中显示与iframe相同的HTML?

时间:2012-05-21 17:13:24

标签: javascript html

我想在警报窗口中显示与iframe相同的HTML ..?我可以这样做......

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

我怎么能这样做??

3 个答案:

答案 0 :(得分:6)

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

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

如果您问如何使用HTML格式化警告框,则不能。您需要创建一个模态对话框,其他答案之一表示。

答案 1 :(得分:6)

我会使用Pop Up而不是使用警报。我建议你使用像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>

它准备好了!

答案 2 :(得分:4)

您无法通过alert()完成此操作。

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