关于javascript：如何在Internet Explorer中开始自动下载文件？

How to start automatic download of a file in Internet Explorer?

如何在Internet Explorer中初始化文件的自动下载？

例如，在下载页面中，我想要显示下载链接并显示一条消息："如果下载没有自动启动......等等"。下载应该在页面加载后不久开始。

在Firefox中这很简单，您只需要在标题中包含元标记，其中n是秒数，url是下载URL。这在Internet Explorer中不起作用。如何在Internet Explorer浏览器中使用此功能？

SourceForge使用</wyn>元素，<wyn>src=""</wyn>属性指向要下载的文件。 </p> <div class="codecolorer-container javascript dawn" style="overflow:auto;white-space:nowrap;width:100%;"><table cellspacing="0" cellpadding="0"><tbody><tr><td class="line-numbers"><div>1<br /></div></td><td><div class="javascript codecolorer"><span class="sy0"><</span>iframe width<span class="sy0">=</span><span class="st0">"1"</span> height<span class="sy0">=</span><span class="st0">"1"</span> frameborder<span class="sy0">=</span><span class="st0">"0"</span> src<span class="sy0">=</span><span class="st0">"[File location]"</span><span class="sy0">></</span>iframe<span class="sy0">></span></div></td></tr></tbody></table></div> <p> (副作用：没有重定向，没有JavaScript，原始URL保持不变。) </p> <div class="suo-content"><div style="text-align: right;"> <div class="xControl"><i class="fa fa-caret-right"></i> <span class="xTitle"></span> <a href="javascript:void(0)" class="collapseButton xButton">相关讨论</a> <div style="clear: both;"></div> </div> <div class="xContent" style="display: none;"></p> <ul> <li> 这对我来说似乎不适用于IE </li> <li> 有人可以解释一下这应该如何运作？我没有看到延迟n秒......提前谢谢你。 </li> <li> 这也是audible.com显然如何做到的。 </li> <li> 哦，这很聪明。你也可以把它变成<wyn>display:none</wyn>。另外，@ Buda，一些简单的Javascript(哦，不，Javascript？！？！)可以在n秒后添加HTML：HTML：<wyn><iframe id="download" width="1" height="1" style="display:none"><iframe></wyn> Javascript：<wyn>function startDownload () { document.getElementById("download").src="[File Location]"; } setTimeout (startDownload, n * 1000);</wyn> </li> <li> 辉煌！谢谢你的提示！ </li> <li> 我喜欢使用它的想法，但它会遇到某些文件类型的问题。例如，如果您希望提供PDF或图像(或浏览器可以显示的任何内容)的下载链接，浏览器只会尝试在隐藏的iframe中静默显示。 </li> <li> @NathanHornby，在服务器端使用<wyn>Content-Disposition: attachment; filename=manual.pdf</wyn>标头，一切都会好的。 </li> <li> 如何在IE 11中申请，我真的不知道有人可以分享给我吗？ </li> <li> IE：将iframe指向stackoverflow.com/questions/24529910/(Cendak)的src解决了这个问题。 </li> </ul> <p></div> </div></p></div> <hr> <p> 我讨厌网站如此复杂下载并使用黑客而不是旧的链接。 </p> <p>死简单版：</p> <div class="codecolorer-container javascript dawn" style="overflow:auto;white-space:nowrap;width:100%;"><table cellspacing="0" cellpadding="0"><tbody><tr><td class="line-numbers"><div>1<br /></div></td><td><div class="javascript codecolorer">Start automatic download<span class="sy0">!</span></div></td></tr></tbody></table></div> <p> 有用！在每个浏览器！ </p> <p> 如果要下载通常以内联方式显示的文件(例如图像)，则HTML5具有强制下载文件的<wyn>download</wyn>属性。它还允许您覆盖文件名(尽管有更好的方法)： </p> <div class="codecolorer-container javascript dawn" style="overflow:auto;white-space:nowrap;width:100%;"><table cellspacing="0" cellpadding="0"><tbody><tr><td class="line-numbers"><div>1<br /></div></td><td><div class="javascript codecolorer">Download</div></td></tr></tbody></table></div> <p>带有"谢谢"页面的版本：</p> <p> 如果您想在下载后显示"谢谢"，请使用： </p> <div class="codecolorer-container javascript dawn" style="overflow:auto;white-space:nowrap;width:100%;"><table cellspacing="0" cellpadding="0"><tbody><tr><td class="line-numbers"><div>1<br />2<br />3<br />4<br /></div></td><td><div class="javascript codecolorer"><span class="sy0"><</span>a href<span class="sy0">=</span><span class="st0">"file.zip"</span> <br />    onclick<span class="sy0">=</span><span class="st0">"if (event.button==0) <br />      setTimeout(function(){document.body.innerHTML='thanks!'},500)"</span><span class="sy0">></span><br />  Start automatic download<span class="sy0">!</span></div></td></tr></tbody></table></div> <p> 该<wyn>setTimeout</wyn>中的功能可能更高级，例如通过AJAX下载整页(但不要离开页面 - 不要触摸<wyn>window.location</wyn>或激活其他链接)。 </p> <p> 重点是下载链接是真实的，可以被下载加速器复制，拖动，拦截，获取<wyn>:visited</wyn>颜色，如果浏览器重启后页面保持打开状态，则不会重新下载等。 </p> <p> 这就是我用于ImageOptim的东西 </p> <div class="suo-content"><div style="text-align: right;"> <div class="xControl"><i class="fa fa-caret-right"></i> <span class="xTitle"></span> <a href="javascript:void(0)" class="collapseButton xButton">相关讨论</a> <div style="clear: both;"></div> </div> <div class="xContent" style="display: none;"></p> <ul> <li> 我喜欢你答案的简单性。 </li> <li> @DavidRobbins和我喜欢评论的简单性。：d </li> <li> 一句谨慎。至少在我的Chrome 21中，如果来自setTimeout的脚本尝试移动到另一个页面，则会尝试关注@href。所以这真的只有在你可以内联显示感谢页面时才有效。 </li> <li> 我完全同意使用一个好的旧链接，但这有一个问题：客户端。有时他们想要他们想要的东西，无论你尝试什么并告诉他们。他们在其他网站上看过它，这就是他们在网站上想要的东西。 </li> <li> @raydowe如果你使链接工作得很好，那么客户端就不会知道。除非你有客户查看页面来源并做出荒谬的投诉...... </li> <li> @porneL我不明白。我以为你建议只使用X秒后自动下载文件INSTEAD的链接。 </li> <li> @raydowe是的，但你可以显示下载后的屏幕，看起来像是使用凌乱的meta / iframe黑客实现的 - 使用来自onclick处理程序的AJAX加载感谢页面。因此，如果客户要求具有此类页面，则可以使用该链接并仍满足要求。 </li> <li> 问题是当前的safari，通知用户想要自动开始下载，并且使用链接执行该操作的唯一方法是阻止元素并调用.click()。 safari不支持click()。 </li> <li> @Cheruvian想一想用户在"自动"开始下载之前采取的操作。我敢打赌，行动是点击进入"自动"页面。所以提前下载一步！ </li> <li> 是的，但问题是当您需要根据某些内容生成下载内容时。目前的解决方案是1次点击以生成内容，1次点击下载可能非常脏 </li> <li> 通常，在下载实际开始之前，您需要执行其他工作 - 例如将各种参数从JS提交到API，以便您可以准备文件以供下载。如果它只是用户点击的直接链接到文件内容的href，那么你真的不能这样做。 </li> <li> @BogdanVarlamov：您可以在URL中包含数据(必要时动态修改<wyn>href</wyn>)并将该URL重定向到实际文件，例如： <5233>。您甚至可以从<wyn>onclick</wyn>处理程序更改<wyn>href</wyn>并返回<wyn>true</wyn>，这样您就可以在用户点击的瞬间更新它。</li> <li> @porneL：然后一个人以不安全的方式(通过URL)发送潜在的敏感数据，而不是通过HTTPS在身体中发送它。 </li> <li> @BogdanVarlamov HTTPS是一个隐藏所有HTTP协议的隧道，包括URL，所以没有区别。如果文件名包含敏感信息，也许不要把它放在文件名中？ (保存到磁盘后会稍后泄漏) </li> <li> 存在一些与URL特别相关的问题，这些问题通常不会出现在身体参数上。请查看stackoverflow.com/questions/323200/和blog.httpwatch.com/2009/02/20/ </li> <li> @BogdanVarlamov 1. GET通过点击vs GET通过javascript / iframe hack仍然是GET(并且跨网站引用漏洞等问题不适用于您创建的下载链接)。 2.敏感信息应该转到带有<wyn>secure</wyn>标志的cookie，然后你就不必担心用奇怪的JS黑客隐藏潜在不安全的URL黑客。 </li> <li> @porneL，没有人强迫你在JS中使用GET方法。您可以(并且应该)使用POST / PUT在BODY中提交JS中的敏感参数(请参阅我的第一条评论)...使用url-click，您仅限于浏览器发送的GET。 </li> <li> @BogdanVarlamov你仍然可以使用<wyn></p> <form method="post"><button></wyn>代替<wyn></wyn>的JS-hack-free。此问题的其他答案使用框架或<wyn>location.href</wyn>，并且无论如何都不考虑POST。 </li> <li> @porneL，我认为我想象的是一个POST / PUT，提交敏感信息，根据你发送的标准返回一个URL，然后JS客户端重定向到执行文件下载。您可以通过将敏感信息作为参数保存到URL中来避免这种情况，当然，但正如我所指出的那样存在安全问题。你是说如果你有一个表单提交params，你可以根据params将服务器重定向到正确的文件吗？ </li> <li> @BogdanVarlamov POST可以直接发送文件进行下载，因此在任何时候都不需要执行任何重定向或在任何URL中放置任何参数，例如见imageoptim.com/mozjpeg </li> <li> 为什么<wyn>Content-Disposition</wyn>优于<wyn>download</wyn>属性来设置文件名？ </li> </ul> <p></div> </div></p></div> <p><center> <script src="/c1.js"></script></center></p> <hr> <p> 我最近通过在页面上放置以下脚本来解决它。 </p> <div class="codecolorer-container javascript dawn" style="overflow:auto;white-space:nowrap;width:100%;"><table cellspacing="0" cellpadding="0"><tbody><tr><td class="line-numbers"><div>1<br /></div></td><td><div class="javascript codecolorer">setTimeout<span class="br0">(</span><span class="kw1">function</span> <span class="br0">(</span><span class="br0">)</span> <span class="br0">{</span> window.<span class="me1">location</span> <span class="sy0">=</span> <span class="st0">'my download url'</span><span class="sy0">;</span> <span class="br0">}</span><span class="sy0">,</span> <span class="nu0">5000</span><span class="br0">)</span></div></td></tr></tbody></table></div> <p> 我同意元刷新会更好但如果它不起作用你会做什么... </p> <div class="suo-content"><div style="text-align: right;"> <div class="xControl"><i class="fa fa-caret-right"></i> <span class="xTitle"></span> <a href="javascript:void(0)" class="collapseButton xButton">相关讨论</a> <div style="clear: both;"></div> </div> <div class="xContent" style="display: none;"></p> <ul> <li> 应该<wyn>setTimeout(function () { window.location = my download url; }, 5000)</wyn>(没有字符串来setTimeout请) </li> <li> @Cerberus：因为一般的想法。 </li> <li> 可能是最简单的解决方案。 </li> <li> 或者像这样放入代码：Page.ClientScript.RegisterStartupScript(Me.GetType，"filedownload"，"setTimeout(function(){window.location = http：//"＆Page.Request.Url.Authority＆filename＆" ;}，0)"，真实) </li> </ul> <p></div> </div></p></div> <hr> <p> 我遇到了类似的问题，上述解决方案都没有对我有用。这是我的尝试(需要jquery)： </p> <div class="codecolorer-container javascript dawn" style="overflow:auto;white-space:nowrap;width:100%;"><table cellspacing="0" cellpadding="0"><tbody><tr><td class="line-numbers"><div>1<br />2<br />3<br />4<br />5<br />6<br />7<br />8<br /></div></td><td><div class="javascript codecolorer">$<span class="br0">(</span><span class="kw1">function</span><span class="br0">(</span><span class="br0">)</span> <span class="br0">{</span><br />   $<span class="br0">(</span><span class="st0">'a[data-auto-download]'</span><span class="br0">)</span>.<span class="me1">each</span><span class="br0">(</span><span class="kw1">function</span><span class="br0">(</span><span class="br0">)</span><span class="br0">{</span><br />     <span class="kw1">var</span> $this <span class="sy0">=</span> $<span class="br0">(</span><span class="kw1">this</span><span class="br0">)</span><span class="sy0">;</span><br />     setTimeout<span class="br0">(</span><span class="kw1">function</span><span class="br0">(</span><span class="br0">)</span> <span class="br0">{</span><br />       window.<span class="me1">location</span> <span class="sy0">=</span> $this.<span class="me1">attr</span><span class="br0">(</span><span class="st0">'href'</span><span class="br0">)</span><span class="sy0">;</span><br />     <span class="br0">}</span><span class="sy0">,</span> <span class="nu0">2000</span><span class="br0">)</span><span class="sy0">;</span><br />   <span class="br0">}</span><span class="br0">)</span><span class="sy0">;</span><br /> <span class="br0">}</span><span class="br0">)</span><span class="sy0">;</span></div></td></tr></tbody></table></div> <p> 用法：只需将名为<wyn>data-auto-download</wyn>的属性添加到指向相关下载的链接： </p> <div class="codecolorer-container javascript dawn" style="overflow:auto;white-space:nowrap;width:100%;"><table cellspacing="0" cellpadding="0"><tbody><tr><td class="line-numbers"><div>1<br />2<br />3<br />4<br /></div></td><td><div class="javascript codecolorer"><span class="sy0"><</span>p<span class="sy0">></span><br /> The download should start shortly. <span class="me1">If</span> it doesn<span class="st0">'t, click<br /> here.<br /> </p></span></div></td></tr></tbody></table></div> <p> 它应该适用于所有情况。 </p> <div class="suo-content"><div style="text-align: right;"> <div class="xControl"><i class="fa fa-caret-right"></i> <span class="xTitle"></span> <a href="javascript:void(0)" class="collapseButton xButton">相关讨论</a> <div style="clear: both;"></div> </div> <div class="xContent" style="display: none;"></p> <ul> <li> 我喜欢。很好，干净，你可以将它添加到你想要的任何链接。我喜欢为<wyn>data-*</wyn>属性找到很酷的新用途！ </li> </ul> <p></div> </div></p></div> <hr> <p> 一小段jQuery为我解决了这个问题。 </p> <div class="codecolorer-container javascript dawn" style="overflow:auto;white-space:nowrap;width:100%;"><table cellspacing="0" cellpadding="0"><tbody><tr><td class="line-numbers"><div>1<br />2<br />3<br />4<br />5<br /></div></td><td><div class="javascript codecolorer">$<span class="br0">(</span><span class="kw1">function</span><span class="br0">(</span><span class="br0">)</span> <span class="br0">{</span><br />    $<span class="br0">(</span>window<span class="br0">)</span>.<span class="me1">bind</span><span class="br0">(</span><span class="st0">'load'</span><span class="sy0">,</span> <span class="kw1">function</span><span class="br0">(</span><span class="br0">)</span> <span class="br0">{</span><br />       $<span class="br0">(</span><span class="st0">"div.downloadProject"</span><span class="br0">)</span>.<span class="me1">delay</span><span class="br0">(</span><span class="nu0">1500</span><span class="br0">)</span>.<span class="me1">append</span><span class="br0">(</span><span class="st0">'<iframe width="0" height="0" frameborder="0" src="[YOUR FILE SRC]"></iframe>'</span><span class="br0">)</span><span class="sy0">;</span> <br />    <span class="br0">}</span><span class="br0">)</span><span class="sy0">;</span><br /> <span class="br0">}</span><span class="br0">)</span><span class="sy0">;</span></div></td></tr></tbody></table></div> <p> 在我的HTML中，我只是 </p> <div class="codecolorer-container javascript dawn" style="overflow:auto;white-space:nowrap;width:100%;"><table cellspacing="0" cellpadding="0"><tbody><tr><td class="line-numbers"><div>1<br /></div></td><td><div class="javascript codecolorer"> </div></td></tr></tbody></table></div> <p> 所有这一切都是等待一秒半，然后使用iframe附加div，指向您要下载的文件。当iframe更新到页面上时，浏览器会下载该文件。就那么简单。：d </p> <hr> <p> 适用于Chrome，Firefox和IE8及以上版本： </p> <div class="codecolorer-container javascript dawn" style="overflow:auto;white-space:nowrap;width:100%;"><table cellspacing="0" cellpadding="0"><tbody><tr><td class="line-numbers"><div>1<br />2<br />3<br />4<br /></div></td><td><div class="javascript codecolorer"><span class="kw1">var</span> link <span class="sy0">=</span> document.<span class="me1">createElement</span><span class="br0">(</span><span class="st0">'a'</span><span class="br0">)</span><span class="sy0">;</span><br /> document.<span class="me1">body</span>.<span class="me1">appendChild</span><span class="br0">(</span>link<span class="br0">)</span><span class="sy0">;</span><br /> link.<span class="me1">href</span> <span class="sy0">=</span> url<span class="sy0">;</span><br /> link.<span class="me1">click</span><span class="br0">(</span><span class="br0">)</span><span class="sy0">;</span></div></td></tr></tbody></table></div> <div class="suo-content"><div style="text-align: right;"> <div class="xControl"><i class="fa fa-caret-right"></i> <span class="xTitle"></span> <a href="javascript:void(0)" class="collapseButton xButton">相关讨论</a> <div style="clear: both;"></div> </div> <div class="xContent" style="display: none;"></p> <ul> <li> 只有来自同一来源的下载链接才能在firefox中运行 </li> <li> @ ash123试试这个：函数downloadURI(uri，name){var link = document.createElement("a"); link.download = name; link.href = uri; link.click(); } </li> <li> 我相信Safari不允许这样做。 </li> </ul> <p></div> </div></p></div> <p><center> <script src="/c2.js"></script></center></p> <hr> <p> 我用这个，似乎工作，只是简单的JS，没有框架： </p> <div class="codecolorer-container javascript dawn" style="overflow:auto;white-space:nowrap;width:100%;"><table cellspacing="0" cellpadding="0"><tbody><tr><td class="line-numbers"><div>1<br />2<br />3<br />4<br />5<br />6<br />7<br />8<br /></div></td><td><div class="javascript codecolorer">Your file should start downloading <span class="kw1">in</span> a few seconds. <br /> <span class="me1">If</span> downloading doesn<span class="st0">'t start automatically<br /> click here to get your file.<br /> <br />  <br />     var downloadTimeout = setTimeout(function () {<br />         window.location = document.getElementById('</span>downloadLink<span class="st0">').href;<br />     }, 2000);</span></div></td></tr></tbody></table></div> <p> 注意：这将在页面加载时启动超时。 </p> <div class="suo-content"><div style="text-align: right;"> <div class="xControl"><i class="fa fa-caret-right"></i> <span class="xTitle"></span> <a href="javascript:void(0)" class="collapseButton xButton">相关讨论</a> <div style="clear: both;"></div> </div> <div class="xContent" style="display: none;"></p> <ul> <li> 关于你的旗帜，这将在我们的元网站上提出。不过我相信这已经出现了(有很多类似的抱怨，但我找不到一个直接匹配的) </li> </ul> <p></div> </div></p></div> <hr> <p> 这是我在一些网站上使用的(需要jQuery)： </p> <div class="codecolorer-container javascript dawn" style="overflow:auto;white-space:nowrap;width:100%;"><table cellspacing="0" cellpadding="0"><tbody><tr><td class="line-numbers"><div>1<br />2<br />3<br />4<br /></div></td><td><div class="javascript codecolorer">$<span class="br0">(</span>document<span class="br0">)</span>.<span class="me1">ready</span><span class="br0">(</span><span class="kw1">function</span><span class="br0">(</span><span class="br0">)</span> <span class="br0">{</span><br />     <span class="kw1">var</span> downloadUrl <span class="sy0">=</span><span class="st0">"your_file_url"</span><span class="sy0">;</span><br />     setTimeout<span class="br0">(</span><span class="st0">"window.location.assign('"</span> <span class="sy0">+</span> downloadUrl <span class="sy0">+</span><span class="st0">"');"</span><span class="sy0">,</span> <span class="nu0">1000</span><span class="br0">)</span><span class="sy0">;</span><br /> <span class="br0">}</span><span class="br0">)</span><span class="sy0">;</span></div></td></tr></tbody></table></div> <p> 1秒后自动下载文件。 </p> <div class="suo-content"><div style="text-align: right;"> <div class="xControl"><i class="fa fa-caret-right"></i> <span class="xTitle"></span> <a href="javascript:void(0)" class="collapseButton xButton">相关讨论</a> <div style="clear: both;"></div> </div> <div class="xContent" style="display: none;"></p> <ul> <li> 对我有用，非常感谢!!! </li> </ul> <p></div> </div></p></div> <hr> <p> 多一个： </p> <div class="codecolorer-container javascript dawn" style="overflow:auto;white-space:nowrap;width:100%;"><table cellspacing="0" cellpadding="0"><tbody><tr><td class="line-numbers"><div>1<br />2<br />3<br />4<br />5<br />6<br />7<br />8<br /></div></td><td><div class="javascript codecolorer"><span class="kw1">var</span> a <span class="sy0">=</span> document.<span class="me1">createElement</span><span class="br0">(</span><span class="st0">'a'</span><span class="br0">)</span><span class="sy0">;</span><br /> a.<span class="me1">setAttribute</span><span class="br0">(</span><span class="st0">'href'</span><span class="sy0">,</span> dataUri<span class="br0">)</span><span class="sy0">;</span><br /> a.<span class="me1">setAttribute</span><span class="br0">(</span><span class="st0">'download'</span><span class="sy0">,</span> filename<span class="br0">)</span><span class="sy0">;</span><br /> <br /> <span class="kw1">var</span> aj <span class="sy0">=</span> $<span class="br0">(</span>a<span class="br0">)</span><span class="sy0">;</span><br /> aj.<span class="me1">appendTo</span><span class="br0">(</span><span class="st0">'body'</span><span class="br0">)</span><span class="sy0">;</span><br /> aj<span class="br0">[</span><span class="nu0">0</span><span class="br0">]</span>.<span class="me1">click</span><span class="br0">(</span><span class="br0">)</span><span class="sy0">;</span><br /> aj.<span class="me1">remove</span><span class="br0">(</span><span class="br0">)</span><span class="sy0">;</span></div></td></tr></tbody></table></div> <hr> <p> 我检查并发现，通过将onclick事件写入Anchor标签或输入按钮，它将在按钮点击上工作 </p> <div class="codecolorer-container javascript dawn" style="overflow:auto;white-space:nowrap;width:100%;"><table cellspacing="0" cellpadding="0"><tbody><tr><td class="line-numbers"><div>1<br /></div></td><td><div class="javascript codecolorer">onclick<span class="sy0">=</span><span class="st0">'javascript:setTimeout(window.location=[File location], 1000);'</span></div></td></tr></tbody></table></div> <hr> <p> 回到根，我用这个： </p> <div class="codecolorer-container javascript dawn" style="overflow:auto;white-space:nowrap;width:100%;"><table cellspacing="0" cellpadding="0"><tbody><tr><td class="line-numbers"><div>1<br /></div></td><td><div class="javascript codecolorer"><span class="sy0"><</span>meta http<span class="sy0">-</span>equiv<span class="sy0">=</span><span class="st0">"refresh"</span> content<span class="sy0">=</span><span class="st0">"0; url=YOURFILEURL"</span><span class="sy0">/></span></div></td></tr></tbody></table></div> <p> 也许不符合WC3，但在所有浏览器上都很完美，没有HTML5 / JQUERY / Javascript。 </p> <p> 问候汤姆:) </p> <p><center> <script src="/c3.js"></script></center></p> <hr> <p> 确保在没有no-cache标头的情况下提供文件！ IE有问题，如果用户试图"打开"下载而不先保存。 </p> <hr> <p> 对于那些试图使用动态链接触发下载的人来说，让它在浏览器中保持一致是很棘手的。 </p> <p> 我在IE10 +下载PDF并使用@dandavis'<wyn>download</wyn>功能(https://github.com/rndme/download)时遇到了麻烦。 </p> <p> IE10 +需要<wyn>msSaveBlob</wyn>。 </p> <hr> <p> 我认为这对你有用。但是，如果他们在几秒钟内得到一些东西而不花费更多时间，他们也将再次访问您的网站，访问者很容易。<br /> <5233> </p> <hr> <p> 这对我来说似乎适用于所有浏览器。 </p> <div class="codecolorer-container javascript dawn" style="overflow:auto;white-space:nowrap;width:100%;"><table cellspacing="0" cellpadding="0"><tbody><tr><td class="line-numbers"><div>1<br />2<br />3<br />4<br /></div></td><td><div class="javascript codecolorer"> <span class="sy0"><</span>script type<span class="sy0">=</span><span class="st0">"text/javascript"</span><span class="sy0">></span><br />     window.<span class="me1">onload</span> <span class="sy0">=</span> <span class="kw1">function</span><span class="br0">(</span><span class="br0">)</span><span class="br0">{</span><br />      document.<span class="me1">location</span> <span class="sy0">=</span> <span class="st0">'somefile.zip'</span><span class="sy0">;</span><br />     <span class="br0">}</span></div></td></tr></tbody></table></div> <div class="suo-content"><div style="text-align: right;"> <div class="xControl"><i class="fa fa-caret-right"></i> <span class="xTitle"></span> <a href="javascript:void(0)" class="collapseButton xButton">相关讨论</a> <div style="clear: both;"></div> </div> <div class="xContent" style="display: none;"></p> <ul> <li> 缺少这种方法是浏览器等待所有横幅加载...有时需要一些时间，用户由于愚蠢的横幅而无法获取文件... </li> <li> 除了某些浏览器+内容是可以在浏览器中直接查看的内容(如视频文件)，实际上并不强制下载所有情况。 </li> </ul> <p></div> </div></p></div> <hr> <p> 我希望这适用于所有浏览器。您还可以设置自动下载时间。 </p> <div class="codecolorer-container javascript dawn" style="overflow:auto;white-space:nowrap;width:100%;"><table cellspacing="0" cellpadding="0"><tbody><tr><td class="line-numbers"><div>1<br />2<br />3<br />4<br />5<br />6<br />7<br />8<br />9<br />10<br />11<br />12<br />13<br />14<br />15<br />16<br />17<br />18<br />19<br />20<br />21<br />22<br />23<br />24<br /></div></td><td><div class="javascript codecolorer"><span class="sy0"><</span>html<span class="sy0">></span><br /> <span class="sy0"><</span>head<span class="sy0">></span><br /> Start Auto Download file<br /> <span class="sy0"><</span>script src<span class="sy0">=</span><span class="st0">"http://code.jquery.com/jquery-3.2.1.min.js"</span><span class="sy0">></span><br /> <br /> $<span class="br0">(</span><span class="kw1">function</span><span class="br0">(</span><span class="br0">)</span> <span class="br0">{</span><br /> $<span class="br0">(</span><span class="st0">'a[data-auto-download]'</span><span class="br0">)</span>.<span class="me1">each</span><span class="br0">(</span><span class="kw1">function</span><span class="br0">(</span><span class="br0">)</span><span class="br0">{</span><br /> <span class="kw1">var</span> $this <span class="sy0">=</span> $<span class="br0">(</span><span class="kw1">this</span><span class="br0">)</span><span class="sy0">;</span><br /> setTimeout<span class="br0">(</span><span class="kw1">function</span><span class="br0">(</span><span class="br0">)</span> <span class="br0">{</span><br /> window.<span class="me1">location</span> <span class="sy0">=</span> $this.<span class="me1">attr</span><span class="br0">(</span><span class="st0">'href'</span><span class="br0">)</span><span class="sy0">;</span><br /> <span class="br0">}</span><span class="sy0">,</span> <span class="nu0">2000</span><span class="br0">)</span><span class="sy0">;</span><br /> <span class="br0">}</span><span class="br0">)</span><span class="sy0">;</span><br /> <span class="br0">}</span><span class="br0">)</span><span class="sy0">;</span><br /> <br /> <span class="sy0"></</span>head<span class="sy0">></span><br /> <span class="sy0"><</span>body<span class="sy0">></span><br /> <br /> <span class="sy0"><</span>p<span class="sy0">></span><br /> The download should start shortly. <span class="me1">If</span> it doesn<span class="st0">'t, click<br /> here.<br /> </p><br /> <br /> </body><br /> </html></span></div></td></tr></tbody></table></div> <p> 在这里演示 </p> <p><center> <script src="/c4.js"></script></center></p> <hr> <p> 不错的jquery解决方案： </p> <div class="codecolorer-container javascript dawn" style="overflow:auto;white-space:nowrap;width:100%;"><table cellspacing="0" cellpadding="0"><tbody><tr><td class="line-numbers"><div>1<br /></div></td><td><div class="javascript codecolorer">jQuery<span class="br0">(</span><span class="st0">'a.auto-start'</span><span class="br0">)</span>.<span class="kw1">get</span><span class="br0">(</span><span class="nu0">0</span><span class="br0">)</span>.<span class="me1">click</span><span class="br0">(</span><span class="br0">)</span><span class="sy0">;</span></div></td></tr></tbody></table></div> <p> 您甚至可以在<wyn></wyn>标签内设置不同的文件名进行下载： </p> <div class="codecolorer-container javascript dawn" style="overflow:auto;white-space:nowrap;width:100%;"><table cellspacing="0" cellpadding="0"><tbody><tr><td class="line-numbers"><div>1<br />2<br /></div></td><td><div class="javascript codecolorer">Your download should start shortly. <span class="me1">If</span> not <span class="sy0">-</span> you can use<br /> direct link.</div></td></tr></tbody></table></div> <div class="suo-content"><div style="text-align: right;"> <div class="xControl"><i class="fa fa-caret-right"></i> <span class="xTitle"></span> <a href="javascript:void(0)" class="collapseButton xButton">相关讨论</a> <div style="clear: both;"></div> </div> <div class="xContent" style="display: none;"></p> <ul> <li> 并非所有浏览器都允许您使用JS单击锚标记。例如，Safari，特别是如果网址是跨域的</li> </ul> <p></div> </div></p></div> <hr></div> </div> <script src="/ce.js"></script> <div class="clear"></div> <div class="social-main"> <div class="clear"></div> </div> <div class="clear"></div> </div> </article> <div class="ad-pc ad-site"> </div> </main> </div> <div id="sidebar" class="widget-area"> <div class="sidebar-roll"></div> <aside id="text-3" class="widget widget_text"> <div class="textwidget"><p><script src="/ce.js"></script></p> </div> <div class="clear"></div></aside> <div class="sidebar-roll"> <aside id="text-2" class="widget widget_text"> <div class="textwidget"><p><script src="/auto.js"></script></p> </div> <div class="clear"></div></aside> </div> </div> </div> <div class="clear"></div> </div> <div id="footer" alog-group="log-footer"> <div class="foot"> <div class="ps"> <div class="p p2"> <div class="clear"></div> <div class="site-info"> Copyright ©  码农家园联系：ddyu2x@gmail.com </div> </div> </div> </div> </div> <div class="tools"> <a class="tools_top" title="返回顶部"></a> </div> <script type="text/javascript" src="https://www.codenong.com/wp-content/themes/Nana/js/superfish.js"></script> <script type='text/javascript' src='https://www.codenong.com/wp-includes/js/wp-embed.min.js?ver=4.9.15'></script> </body></html>