6

iframe と同じように警告ウィンドウに HTML を表示したい..? 私はこれを行うことができます...

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

これどうやってするの..?

4

3 に答える 3

7

アラートを使用する代わりに、ポップアップを使用します。jQuery Dialog のようなものを使用することをお勧めします。http://jqueryui.com/demos/dialog/をご覧ください。

サンプル :

まず、html 要素をラップする div を作成します。

<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 に答える
7

アラート ボックスに HTML マークアップ自体を表示する方法を尋ねる場合は、次のようにエスケープします。

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

HTML を使用してアラート ボックスをフォーマットする方法を尋ねている場合は、できません。他の回答の1つが示すように、モーダルダイアログボックスを作成する必要があります。

于 2012-05-21T17:16:33.957 に答える
4

経由ではできませんalert()

モーダル ダイアログを使用してそれを模倣できます。モーダル ダイアログ ライブラリは多数ありますが、jQuery UIには非常に強力なライブラリがあります。

于 2012-05-21T17:15:49.093 に答える