我有一个网页,允许用户为小部件选择一些选项,然后根据这些选项动态生成示例 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/