javascript - 我可以使用 javascript 从 div 中的 HTML 创建一个新网页吗?

标签 javascript

我有一个网页,允许用户为小部件选择一些选项,然后根据这些选项动态生成示例 HTML。 HTML 被放置在页面上的 div 中,以便用户可以看到它的外观,并根据需要将其复制/粘贴到自己的网站。

我想添加一个“查看此示例页面”链接,该链接会在新窗口中打开并包含 div 中的示例 HTML,以便可以立即看到该示例的实际运行情况。

有没有办法用 javascript/jquery 做到这一点?

最佳答案

您实际上可以使用 window.open 方法,保存对打开的窗口的引用,然后写入它。

https://developer.mozilla.org/en-US/docs/Web/API/Window/open

var exampleWin = window.open("", "example");
var docMarkup = "<!doctype html><html><head><title>test</title></head>" + 
"<body><p>Hello, world.</p></body></html>";
exampleWin.document.write(docMarkup);
// later you can also do exampleWin.close() if you wish

尝试将上述代码粘贴到浏览器的开发人员工具控制台中。

关于javascript - 我可以使用 javascript 从 div 中的 HTML 创建一个新网页吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41477399/

相关文章:

javascript - 使用 Javascript 从 URL 获取 Base64 图像

javascript - 如果我的第三方软件不允许/读取 &lt;!DOCTYPE> 标签,我如何运行 querySelectorAll?

javascript - 如何将 JSON 对象转换为 js 二维数组

javascript - 使用 twilio Passthrough API 向多个号码发送消息

JavaScript 添加事件监听器 : 'input' versus 'keyup'

javascript - JQuery - 更改谷歌地图 api 中的名称、经度和纬度位置的值

javascript - AngularJS:在固定位置元素上动画 ng-show 和 ng-hide

java - 传递 JSON 对象

javascript - 使用浏览器控制台选择网页表格中的下拉框

javascript - Cloudinary - 直接调用 API 上传,丢失文件