iframe と同じように警告ウィンドウに HTML を表示したい..? 私はこれを行うことができます...
<script>
alert("<html><body><h1>this is alert heading</h1></html></body>")
</script>
これどうやってするの..?
iframe と同じように警告ウィンドウに HTML を表示したい..? 私はこれを行うことができます...
<script>
alert("<html><body><h1>this is alert heading</h1></html></body>")
</script>
これどうやってするの..?
アラートを使用する代わりに、ポップアップを使用します。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>
そして、それは準備ができています!
アラート ボックスに HTML マークアップ自体を表示する方法を尋ねる場合は、次のようにエスケープします。
alert("\<html\>\<body\>\<h1\>this is alert heading\</h1\>\</html\>\</body\>")
HTML を使用してアラート ボックスをフォーマットする方法を尋ねている場合は、できません。他の回答の1つが示すように、モーダルダイアログボックスを作成する必要があります。
経由ではできませんalert()
。
モーダル ダイアログを使用してそれを模倣できます。モーダル ダイアログ ライブラリは多数ありますが、jQuery UIには非常に強力なライブラリがあります。