javascript - 使用 JS window.open _self 下载 zip 文件，不带 "useless window"

Question

以下信息来自this page 在讨论“无用的空窗口”问题时，我正在尝试创建一个启动 zip 文件下载的脚本:

<script>window.open('archive.zip','_self')</script>

上面的内容正确启动下载，但页面完全空白，没有内容可见。我可以看到整个源代码已加载但未显示。

如何使用js在加载页面内容的同时异步开始下载，而不出现“无用的窗口”？

Answer 1

您可以使用隐藏的 iframe。使用_self时，window.open将清除所有页面内容。

这是一个简单的示例

<a href="archive.zip" target="download_frame">Initiate download from link</a>
<iframe id="download_frame" name="download_frame" src="about:Blank" style="width:0px; height:0px; overflow:hidden;" frameborder="0" scrolling="no"></iframe>
<script type="text/javascript">
    // initiate download by script
    // add this in onload event or after the iframe
    document.getElementById('download_frame').src="archive.zip";
</script>