js新窗口临时页面一次性页面

立先

于 2021-02-04 13:53:05 发布

阅读量771

点赞数

CC 4.0 BY-SA版权

分类专栏： js 文章标签： js javascript html

本文链接：https://blog.youkuaiyun.com/weixin_43477825/article/details/113642022

js 专栏收录该内容

7 篇文章

订阅专栏

本文介绍如何通过JavaScript创建一个没有URL、无法查看源码的临时页面，常见于代码预览网站，提供有趣的交互体验，适用于多种场景，并确保页面内容不被轻易保存。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

经常看到一些代码效果预览网站有这样一个效果，点击运行可以运行代码，弹出的页面没有url；也看不到源码，只有查看元素才有，这样的一次性页面很有趣，可以用在很多场景，不需要文件去保存，弹出的页面不能被保存。

const newTab = window.open('', '_blank', '');
newTab.document.open('text/html', 'replace');
newTab.opener = null
newTab.document.write('<div>内容</div>');
newTab.document.close();

js新窗口临时页面 一次性页面

js新窗口临时页面一次性页面