保存子窗口会保存父窗口（Javascript）

发布于 2024-07-23 04:48:25 字数 368 浏览 2 评论 0 原文

我有一些 Javascript 代码，可以创建网页的“保存友好”版本。

<代码> child = window.open("","child");
child.document.write(htmlPage);

“htmlPage”是页面的基本 html，其中删除了所有 javascript 引用、一组不同的标题图像引用等。

所有内容都完美地显示在弹出窗口中，无需运行 javascript。当我单击“文件->另存为”时，保存的文件是父窗口及其所有 JavaScript，并且没有子窗口的痕迹。有谁知道如何解决这个问题？我只想保存子窗口。

谢谢， -克拉亚尔

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

单身狗的梦 2024-07-30 04:48:25

我也有类似的情况（但不愿意完全放弃）。我正在使用 Javascript 构建一个易于保存的网页版本，我希望用户将其下载为文本文件（在我的例子中为逗号分隔值）。我认为 data: URI 可以在这里提供帮助。

//construct the csvOutput in Javascript first
var popup = window.open("data:application/octet-stream," + encodeURIComponent(csvOutput), "child");
//no need to document.write() anything in the child window

在 Firefox 中，这甚至不会弹出窗口，只是询问用户是否要保存文件，并将其保存为 .part 文件。不太理想，但至少它保存了文件而不会弹出不必要的窗口。

或者，我们可以使用 text/plain MIME 类型：

//construct the csvOutput in Javascript first
var popup = window.open("data:text/plain;charset=utf-8," + encodeURIComponent(csvOutput), "child");

在 Firefox 中，这会弹出一个新窗口，但默认情况下它会保存为 ASCII 文本，没有任何父窗口的缺陷或任何换行。这可能就是我会用的。

但看起来这在 IE 中不起作用。 IE 8 是唯一支持 data: URI 的版本，并且它具有对其使用地点的一系列限制。对于 IE，您可以查看 execCommand。

感谢此 tek-tip 帖子和有关数据 URI 方案的维基百科文章。

I had a similar situation (but wasn't willing to give up altogether). I'm constructing a save-friendly version of a webpage using Javascript that I want the user to download as a text file (comma-separated values, in my case). I think data: URIs can help here.

//construct the csvOutput in Javascript first
var popup = window.open("data:application/octet-stream," + encodeURIComponent(csvOutput), "child");
//no need to document.write() anything in the child window

In Firefox, this doesn't pop up a window even, just asks the user if they want to save the file, and saves it as a .part file. Not exactly ideal, but at least it saves the file without popping up an unnecessary window.

Alternatively, we can use the text/plain MIME type:

//construct the csvOutput in Javascript first
var popup = window.open("data:text/plain;charset=utf-8," + encodeURIComponent(csvOutput), "child");

In Firefox, this does pop open a new window, but then it's saved by default as ASCII text, without any of the cruft of the parent window or any line-wrapping. This is probably what I will use.

It looks like this won't work in IE though. IE 8 is the only version that supports data: URIs, and it has a series of restrictions on where it can be used. For IE, you might look at execCommand.

Thanks to this tek-tip thread and the Wikipedia article on the data URI scheme.