Javascript 用预先填充的HTML打开窗口
很抱歉这个奇怪的标题,我不知道该如何表达这个问题。基本上,我想知道是否有可能打开一个新窗口,从前端用HTML填充它,而不是编写实际的路由、db调用等(是的,非常懒惰)。按照这些思路思考Javascript 用预先填充的HTML打开窗口,javascript,html,Javascript,Html,很抱歉这个奇怪的标题,我不知道该如何表达这个问题。基本上,我想知道是否有可能打开一个新窗口,从前端用HTML填充它,而不是编写实际的路由、db调用等(是的,非常懒惰)。按照这些思路思考 var html = '<!DOCTYPE html><body><h1>Y HALO THAR</h1></body>' window.open(html); var html='Y HALO THAR' window.open(html); 我
var html = '<!DOCTYPE html><body><h1>Y HALO THAR</h1></body>'
window.open(html);
var html='Y HALO THAR'
window.open(html);
我只是在向星星许愿吗?这可能吗?编辑由于某些
数据阻塞:
URI,此答案不再有效
请参阅工作答案
可以选择使用
window.open('data:text/html,Y-HALO-THAR');
以下web浏览器当前支持数据URI:
- Firefox和所有使用Mozilla基金会Gecko渲染引擎的浏览器
- Safari、Chrome和其他基于WebKit的浏览器
- 歌剧院
- 康克勒
- Internet Explorer 8+(有一定限制)
- 您需要做的第一件事是使弹出窗口具有一个变量-
var popup = window.open('blankPage.html');
var html = '<!DOCTYPE html><body><h1>Y HALO THAR</h1></body>';
popup.document.write(html);
var popup=window.open('blankPage.html');
var html='Y HALO THAR';
popup.document.write(html);
建议执行以下操作
window.open('data:text/html,Y-HALO-THAR');
由于“数据”备抵的折旧,不再适用于Chrome
如果您以前使用过此选项,您的代码现在将打开一个空白窗口。这两个答案都很合适,不幸的是,dataurl的答案更全面,更符合我的需要。谢谢你!完全理解——这是发展的伟大之处。做某事的方法有很多种,每种方法都能满足特定的需要。干杯谢谢你,先生,幸运的是我只需要担心Chrome这能回答你的问题吗?可能这是7年前我在做一个项目的时候,所以我不认为我需要一个新的答案。我希望有一种更好的方式将重复的答案与问题联系起来。您链接的问题有一个已被接受的答案,不再有效,但如果向下滚动,您就有了一个有效的示例。
var popup = window.open('blankPage.html');
var html = '<!DOCTYPE html><body><h1>Y HALO THAR</h1></body>';
popup.document.write(html);
window.open('data:text/html,<!DOCTYPE html><body><h1>Y HALO THAR</h1></body>');