在前端开发中，有时候需要通过 JavaScript 在浏览器中打开一个新的窗口来显示一些内容，比如图片、PDF 等。而如果要让用户直接下载这些文件，我们可以使用 window.open 方法，并设置好正确的文件名。
为什么需要设置文件名？
当我们使用 window.open 方法打开一个文件时，默认情况下浏览器会以文件的 URL 作为文件名进行下载。这样做的问题在于，通常 URL 中包含的参数和路径信息并不是我们期望的文件名，给用户带来很大的困扰。
因此，我们需要使用 JavaScript 来指定文件名，以便用户能够更加清晰地了解正在下载的文件内容。
如何设置文件名？
在使用 window.open 方法打开文件时，我们需要同时指定文件的 URL 和文件名两个参数。其中，文件名需要以 filename= 的形式作为 URL 的一部分来传递。例如：
---------------------------------------------------------------------------------------- ---------------------
在上面的代码中，我们将文件名设置为 file.pdf，并将其作为 URL 的一部分传递。注意，文件名需要使用等号（=）和“filename”关键字进行分隔，且不能包含空格等特殊字符。
示例代码
下面是一个完整的示例代码，其中通过 window.open 方法来打开一个名为 example.pdf 的 PDF 文件，并将其保存到本地：
-------- ------------- - ----- -------- - -------------- ----- ------- - --------------------------------------------------- ----- ------ - ---------------------------- ----------- - -------- ------------- - --------- --------------- - --------- --------------- -
在这个示例中，我们首先定义了所需的文件名和文件 URL，然后创建了一个新的 a 标签元素，并设置好其各项属性。最后，我们调用了 click 方法来触发下载操作。
需要注意的是，在一些浏览器中可能会存在不兼容的情况，因此建议在实际使用过程中进行测试并根据具体情况进行调整。
总结
通过以上介绍，我们可以知道如何使用 JavaScript 和 window.open 方法来设置文件名，并使用户能够更加方便地下载和查看相关内容。但同时，也需要注意浏览器兼容性等问题，以确保代码的可靠性和稳定性。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/28456