2

JavaScriptポップアップで完全なhtmlページをユーザーに表示できるかどうか疑問に思っています。完全な htmlとは、独自のエンコーディング、ヘッドとボディを持つ html コードを意味します。独自のフォント、スタイル、スクリプトなど...

また、私の「メイン」ページにはutf8. ポップアップコンテンツのエンコーディングが別のものになる可能性はありますか? ( X からデコードしてから にエンコードする方法を尋ねているのではなくutf8、実際には別のエンコードされたコンテンツを表示していることに注意してください)。

それが不可能な場合、実際のページを離れることなくユーザーに完全な html ページを表示する最良の方法は何ですか?

編集:iframeメソッドを使用する可能性がありますが、html を iframe に書き込めるかどうかはわかりません。ユーザーにポップアップを表示したいときには、表示したい html データが既にあるので、追加のリクエストを行う必要はありません。

編集：

例 (疑似コード - JavaScript)

$(document.ready(){

    $.showPopup({
        content: "<!doctype html><meta http-equiv='Content-Type' content='text/html; charset=iso-8859-1'><head></head><body>Hi!</body></html>";
    }):

});
4

3 に答える 3

1

jquery を使用して JavaScript オブジェクト [0] を取得し、コンテンツ全体を書き換えることができます。

デモ: http://jsfiddle.net/NrJap/1/

var target = $('#myiframe').contents()[0];
target.open();
target.write("<!doctype html><meta http-equiv='Content-Type' content='text/html; charset=iso-8859-1'><head></head><body>Hi!</body></html>");
target.close();

それを $.popup のプラグイン/関数に組み込むだけです

于 2013-09-27T13:53:20.863 に答える
1

次のように、任意の HTML コンテンツを iframe に書き込むことができます。

var iframe = document.getElementById('iframe'),
    iframeDoc = iframe.contentWindow.document || iframe.contentDocument;

iframeDoc.open();
iframeDoc.write(data);
iframeDoc.close();

例: http://jsfiddle.net/jTcuK/1/

于 2013-09-27T13:52:52.287 に答える
-2

プレーンな html コードを表示するには、単純に警告することができます...

alert("<!doctype html><meta http-equiv='Content-Type' content='text/html; charset=iso-8859-1'><head></head><body>Hi!</body></html>");

または、ソースの表示ボタンを使用できます

http://css-tricks.com/make-a-view-source-button/

http://css-tricks.com/examples/ViewSourceButton/#

于 2013-09-27T14:01:42.443 に答える