使用預填充的 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。

如果您以前使用過它，您的代碼現在將打開一個空白窗口。