iframe,触发别个iframe

### 使用 iframe 触发文件下载 在 Web 开发中，`<iframe>` 可用于触发文件下载。当 `<iframe>` 的 `src` 属性指向一个可下载资源时，浏览器会自动处理该请求并提示用户保存文件。 #### HTML 和 JavaScript 结合的方式 可以创建一个隐藏的 `<iframe>` 并动态设置其 `src` 属性来触发文件下载： ```html <a href="javascript:void(0);" id="downloadLink">点击下载</a> <iframe name="hiddenDownloader" style="display:none;"></iframe> <script> document.getElementById('downloadLink').addEventListener('click', function() { var fileUrl = 'https://example.com/path/to/file.pdf'; document.querySelector('iframe[name=hiddenDownloader]').setAttribute('src', fileUrl); }); </script> ``` 上述代码片段展示了如何通过点击链接触发文件下载[^1]。这里的关键在于将要下载的文件 URL 赋值给 `<iframe>` 的 `src` 属性，从而让浏览器执行下载操作而不影响当前页面显示的内容。 需要注意的是，在某些情况下，服务器端也需要配置正确的响应头以便告知客户端这是一个待下载而非直接展示的文档。例如对于 PDF 文件来说，HTTP 响应应该包含如下头部信息： ``` Content-Type: application/pdf; Content-Disposition: attachment; filename="file.pdf" ``` 这样能确保大多数现代浏览器都能识别这是个需要下载而不是内联查看的文件。