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

您可以像这样将任意 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 回答
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 回答
-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 回答