使用预填充的 HTML 打开窗口

Question

对不起，奇怪的标题，我不知道如何表达这个问题。 基本上，我想知道是否有可能打开一个新窗口并从前端用 HTML 填充它，而不是编写实际的路由、数据库调用等（是的，非常懒惰。）沿着这些思路思考......

var html = '<!DOCTYPE html><body><h1>Y HALO THAR</h1></body>'

window.open(html);

我只是在这里向星星许愿吗？ 这甚至可能吗？

Answer 1

编辑此答案不再有效，因为实施了阻止某些data:的安全功能data: URI。

请参阅打开新选项卡/窗口并向其写入内容？ 工作答案

可以选择使用dataurl ...

window.open('data:text/html,<!DOCTYPE html><body><h1>Y HALO THAR</h1></body>');

以下 Web 浏览器当前支持数据 URI：

Answer 2

你需要做的第一件事是让弹出窗口有一个变量 -

var popup = window.open('blankPage.html');
var html = '<!DOCTYPE html><body><h1>Y HALO THAR</h1></body>';

popup.document.write(html);

Answer 3

建议做以下事情

window.open('data:text/html,<!DOCTYPE html><body><h1>Y HALO THAR</h1></body>');

由于“数据：”津贴的折旧，不再适用于 Chrome。

如果您以前使用过它，您的代码现在将打开一个空白窗口。