What’s the best way to reload / refresh an iframe? 我想使用JavaScript重新加载</wyn>。 到目前为止，我发现的最好方法是将iframe的<wyn>src</wyn>属性设置为自身，但这并不是很干净。 有任何想法吗？ </p> <hr> <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">document.<span class="me1">getElementById</span><span class="br0">(</span><span class="st0">'some_frame_id'</span><span class="br0">)</span>.<span class="me1">contentWindow</span>.<span class="me1">location</span>.<span class="me1">reload</span><span class="br0">(</span><span class="br0">)</span><span class="sy0">;</span></div></td></tr></tbody></table></div> <p> 注意，在Firefox中，<wyn>window.frames[]</wyn>不能通过id进行索引，但是可以通过名称或索引来进行索引 </p> <hr> <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">document.<span class="me1">getElementById</span><span class="br0">(</span><span class="st0">'iframeid'</span><span class="br0">)</span>.<span class="me1">src</span> <span class="sy0">=</span> document.<span class="me1">getElementById</span><span class="br0">(</span><span class="st0">'iframeid'</span><span class="br0">)</span>.<span class="me1">src</span></div></td></tr></tbody></table></div> <p> 它将跨域重新加载<wyn>iframe</wyn>！<br /> 经过IE7 / 8，Firefox和Chrome的测试。 </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">$<span class="br0">(</span><span class="st0">'#your_iframe'</span><span class="br0">)</span>.<span class="me1">attr</span><span class="br0">(</span><span class="st0">'src'</span><span class="sy0">,</span> $<span class="br0">(</span><span class="st0">'#your_iframe'</span><span class="br0">)</span>.<span class="me1">attr</span><span class="br0">(</span><span class="st0">'src'</span><span class="br0">)</span><span class="br0">)</span><span class="sy0">;</span></div></td></tr></tbody></table></div> <p><center> </center></p> <p> 我希望它对于stackoverflow来说不太难看。 </p> <hr> <p> 添加空白空间也会自动重新加载iFrame。 </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">document.<span class="me1">getElementById</span><span class="br0">(</span><span class="st0">'id'</span><span class="br0">)</span>.<span class="me1">src</span> <span class="sy0">+=</span> <span class="st0">''</span><span class="sy0">;</span></div></td></tr></tbody></table></div> <hr> <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">window.<span class="me1">frames</span><span class="br0">[</span><span class="st0">'frameNameOrIndex'</span><span class="br0">]</span>.<span class="me1">location</span>.<span class="me1">reload</span><span class="br0">(</span><span class="br0">)</span><span class="sy0">;</span></div></td></tr></tbody></table></div> <hr> <p><center> </center></p> <p> 由于采用了相同的原始政策，因此在修改指向其他域的iframe时将无法使用。如果可以使用较新的浏览器，请考虑使用HTML5的跨文档消息传递。您可以在此处查看支持此功能的浏览器：http://caniuse.com/#feat=x-doc-messaging。 </p> <p> 如果您不能使用HTML5功能，则可以按照此处概述的技巧进行操作：http://softwareas.com/cross-domain-communication-with-iframes。该博客条目也很好地定义了问题。 </p> <hr> <p> 我只是在Chrome中遇到这个问题，唯一可行的方法是移除和更换iframe。例： </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 /></div></td><td><div class="javascript codecolorer">$<span class="br0">(</span><span class="st0">".iframe_wrapper"</span><span class="br0">)</span>.<span class="me1">find</span><span class="br0">(</span><span class="st0">"iframe"</span><span class="br0">)</span>.<span class="me1">remove</span><span class="br0">(</span><span class="br0">)</span><span class="sy0">;</span><br /> <span class="kw1">var</span> iframe <span class="sy0">=</span> $<span class="br0">(</span><span class="st0">'<iframe src="'</span> <span class="sy0">+</span> src <span class="sy0">+</span> <span class="st0">'" frameborder="0"></iframe>'</span><span class="br0">)</span><span class="sy0">;</span><br /> $.<span class="me1">find</span><span class="br0">(</span><span class="st0">".iframe_wrapper"</span><span class="br0">)</span>.<span class="me1">append</span><span class="br0">(</span>iframe<span class="br0">)</span><span class="sy0">;</span></div></td></tr></tbody></table></div> <p> 非常简单，其他答案未涵盖。 </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">location.<span class="me1">assign</span><span class="br0">(</span><span class="st0">"http:google.com"</span><span class="br0">)</span><span class="sy0">;</span></div></td></tr></tbody></table></div> <p> Assign()方法将加载一个新文档。 </p> <p><center> </center></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">location.<span class="me1">reload</span><span class="br0">(</span><span class="br0">)</span><span class="sy0">;</span></div></td></tr></tbody></table></div> <p> reload()方法用于重新加载当前文档。 </p> <hr> <p> 在我的情况下，仅替换iframe元素的<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 />2<br />3<br />4<br />5<br /></div></td><td><div class="javascript codecolorer"><span class="kw1">var</span> url <span class="sy0">=</span> iframeEl.<span class="me1">src</span><span class="sy0">;</span><br /> iframeEl.<span class="me1">src</span> <span class="sy0">=</span> <span class="st0">'about:blank'</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 /> iframeEl.<span class="me1">src</span> <span class="sy0">=</span> url<span class="sy0">;</span><br /> <span class="br0">}</span><span class="sy0">,</span> <span class="nu0">10</span><span class="br0">)</span><span class="sy0">;</span></div></td></tr></tbody></table></div> <hr> <p> 对yajra帖子的改进...我喜欢这种想法，但讨厌浏览器检测的想法。 </p> <p> 我宁愿使用ppk的观点，即使用对象检测而不是浏览器检测，<br /> (http://www.quirksmode.org/js/support.html)，<br /> 因为那时您实际上是在测试浏览器的功能并采取相应的措施，而不是您当时认为浏览器的功能。此外，它不需要太多难看的浏览器ID字符串解析，也不会排除您完全不了解的功能强大的浏览器。 </p> <p> 因此，为什么不查看navigator.AppName而不是进行实际测试您使用的元素呢？ (如果您想变得更高级，可以使用try {}块，但这对我有用。) </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 /></div></td><td><div class="javascript codecolorer"><span class="kw1">function</span> reload_message_frame<span class="br0">(</span><span class="br0">)</span> <span class="br0">{</span><br /> <span class="kw1">var</span> frame_id <span class="sy0">=</span> <span class="st0">'live_message_frame'</span><span class="sy0">;</span><br /> <span class="kw1">if</span><span class="br0">(</span>window.<span class="me1">document</span>.<span class="me1">getElementById</span><span class="br0">(</span>frame_id<span class="br0">)</span>.<span class="me1">location</span> <span class="br0">)</span> <span class="br0">{</span> <br /> window.<span class="me1">document</span>.<span class="me1">getElementById</span><span class="br0">(</span>frame_id<span class="br0">)</span>.<span class="me1">location</span>.<span class="me1">reload</span><span class="br0">(</span><span class="kw2">true</span><span class="br0">)</span><span class="sy0">;</span><br /> <span class="br0">}</span> <span class="kw1">else</span> <span class="kw1">if</span> <span class="br0">(</span>window.<span class="me1">document</span>.<span class="me1">getElementById</span><span class="br0">(</span>frame_id<span class="br0">)</span>.<span class="me1">contentWindow</span>.<span class="me1">location</span> <span class="br0">)</span> <span class="br0">{</span><br /> window.<span class="me1">document</span>.<span class="me1">getElementById</span><span class="br0">(</span>frame_id<span class="br0">)</span>.<span class="me1">contentWindow</span>.<span class="me1">location</span>.<span class="me1">reload</span><span class="br0">(</span><span class="kw2">true</span><span class="br0">)</span><span class="sy0">;</span><br /> <span class="br0">}</span> <span class="kw1">else</span> <span class="kw1">if</span> <span class="br0">(</span>window.<span class="me1">document</span>.<span class="me1">getElementById</span><span class="br0">(</span>frame_id<span class="br0">)</span>.<span class="me1">src</span><span class="br0">)</span><span class="br0">{</span><br /> window.<span class="me1">document</span>.<span class="me1">getElementById</span><span class="br0">(</span>frame_id<span class="br0">)</span>.<span class="me1">src</span> <span class="sy0">=</span> window.<span class="me1">document</span>.<span class="me1">getElementById</span><span class="br0">(</span>frame_id<span class="br0">)</span>.<span class="me1">src</span><span class="sy0">;</span><br /> <span class="br0">}</span> <span class="kw1">else</span> <span class="br0">{</span><br /> <span class="co1">// fail condition, respond as appropriate, or do nothing</span><br /> alert<span class="br0">(</span><span class="st0">"Sorry, unable to reload that frame!"</span><span class="br0">)</span><span class="sy0">;</span><br /> <span class="br0">}</span><br /> <span class="br0">}</span></div></td></tr></tbody></table></div> <p> 这样，您可以尝试尝试任意数量或所需的不同排列，而不会引起javascript错误，并且如果其他所有方法都失败，则可以做一些明智的事情。在使用对象之前，要对它们进行测试还需要做更多的工作，但是IMO可以提供更好，更安全的代码。 </p> <p> 在Windows的IE8，Firefox(15.0.1)，Chrome(21.0.1180.89 m)和Opera(12.0.2)中为我工作。 </p> <p> 也许我可以通过实际测试reload函数来做得更好，但这对我来说已经足够了。 :) </p> <hr> <p> 现在，要在chrome 66上执行此操作，请尝试以下操作： </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">const</span> reloadIframe <span class="sy0">=</span> <span class="br0">(</span>iframeId<span class="br0">)</span> <span class="sy0">=></span> <span class="br0">{</span><br /> <span class="kw1">const</span> el <span class="sy0">=</span> document.<span class="me1">getElementById</span><span class="br0">(</span>iframeId<span class="br0">)</span><br /> <span class="kw1">const</span> src <span class="sy0">=</span> el.<span class="me1">src</span><br /> el.<span class="me1">src</span> <span class="sy0">=</span> <span class="st0">''</span><br /> setTimeout<span class="br0">(</span><span class="br0">(</span><span class="br0">)</span> <span class="sy0">=></span> <span class="br0">{</span><br /> el.<span class="me1">src</span> <span class="sy0">=</span> src<br /> <span class="br0">}</span><span class="br0">)</span><br /> <span class="br0">}</span></div></td></tr></tbody></table></div> <hr> <p> 对IE使用reload并为其他浏览器设置src。 (重新加载不适用于FF)<br /> 在IE 7,8,9和Firefox上测试 </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="kw1">if</span><span class="br0">(</span>navigator.<span class="me1">appName</span> <span class="sy0">==</span><span class="st0">"Microsoft Internet Explorer"</span><span class="br0">)</span><span class="br0">{</span><br /> window.<span class="me1">document</span>.<span class="me1">getElementById</span><span class="br0">(</span><span class="st0">'iframeId'</span><span class="br0">)</span>.<span class="me1">contentWindow</span>.<span class="me1">location</span>.<span class="me1">reload</span><span class="br0">(</span><span class="kw2">true</span><span class="br0">)</span><span class="sy0">;</span><br /> <span class="br0">}</span><span class="kw1">else</span> <span class="br0">{</span><br /> window.<span class="me1">document</span>.<span class="me1">getElementById</span><span class="br0">(</span><span class="st0">'iframeId'</span><span class="br0">)</span>.<span class="me1">src</span> <span class="sy0">=</span> window.<span class="me1">document</span>.<span class="me1">getElementById</span><span class="br0">(</span><span class="st0">'iframeId'</span><span class="br0">)</span>.<span class="me1">src</span><span class="sy0">;</span><br /> <span class="br0">}</span></div></td></tr></tbody></table></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 /></div></td><td><div class="javascript codecolorer">$<span class="br0">(</span><span class="st0">'#iframeID'</span><span class="sy0">,</span>window.<span class="me1">parent</span>.<span class="me1">document</span><span class="br0">)</span>.<span class="me1">attr</span><span class="br0">(</span><span class="st0">'src'</span><span class="sy0">,</span>$<span class="br0">(</span><span class="st0">'#iframeID'</span><span class="sy0">,</span>window.<span class="me1">parent</span>.<span class="me1">document</span><span class="br0">)</span>.<span class="me1">attr</span><span class="br0">(</span><span class="st0">'src'</span><span class="br0">)</span><span class="br0">)</span><span class="sy0">;</span></div></td></tr></tbody></table></div> <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="br0">(</span><span class="st0">'#iframeID'</span><span class="sy0">,</span>parent.<span class="me1">document</span><span class="br0">)</span>.<span class="me1">attr</span><span class="br0">(</span><span class="st0">'src'</span><span class="sy0">,</span>$<span class="br0">(</span><span class="st0">'#iframeID'</span><span class="sy0">,</span>parent.<span class="me1">document</span><span class="br0">)</span>.<span class="me1">attr</span><span class="br0">(</span><span class="st0">'src'</span><span class="br0">)</span><span class="br0">)</span><span class="sy0">;</span></div></td></tr></tbody></table></div> <hr> <p> 在使用.Net的IE8中，可以首次设置<wyn>iframe.src</wyn>，<br /> 但是第二次设置<wyn>iframe.src</wyn>不会提高iframed页面的<wyn>page_load</wyn>。<br /> 为了解决这个问题，我使用了<wyn>iframe.contentDocument.location.href="NewUrl.htm"</wyn>。 </p> <p> 在使用jQuery thinBox并尝试在thickbox iframe中重新打开同一页面时发现它。<br /> 然后，它只显示了先前打开的页面。 </p> <hr> <p> 您是否考虑过在URL后面附加无意义的查询字符串参数？ </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 /></div></td><td><div class="javascript codecolorer"><span class="sy0"><</span>iframe src<span class="sy0">=</span><span class="st0">"myBaseURL.com/something/"</span> <span class="sy0">/></span><br /> <br /> <br /> <span class="kw1">var</span> i <span class="sy0">=</span> document.<span class="me1">getElementsById</span><span class="br0">(</span><span class="st0">"iframe"</span><span class="br0">)</span><span class="br0">[</span><span class="nu0">0</span><span class="br0">]</span><span class="sy0">,</span><br /> src <span class="sy0">=</span> i.<span class="me1">src</span><span class="sy0">,</span><br /> number <span class="sy0">=</span> <span class="nu0">1</span><span class="sy0">;</span><br /> <br /> <span class="co1">//For an update</span><br /> i.<span class="me1">src</span> <span class="sy0">=</span> src <span class="sy0">+</span><span class="st0">"?ignoreMe="</span> <span class="sy0">+</span> number<span class="sy0">;</span><br /> number<span class="sy0">++;</span></div></td></tr></tbody></table></div> <p> 它不会被显示＆如果您知道该参数是安全的，那应该没问题。 </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 /></div></td><td><div class="javascript codecolorer"><span class="kw1">const</span> frame <span class="sy0">=</span> document.<span class="me1">getElementById</span><span class="br0">(</span><span class="st0">"my-iframe"</span><span class="br0">)</span><span class="sy0">;</span><br /> <br /> frame.<span class="me1">parentNode</span>.<span class="me1">replaceChild</span><span class="br0">(</span>frame.<span class="me1">cloneNode</span><span class="br0">(</span><span class="br0">)</span><span class="sy0">,</span> frame<span class="br0">)</span><span class="sy0">;</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">window.<span class="me1">location</span>.<span class="me1">reload</span><span class="br0">(</span><span class="br0">)</span><span class="sy0">;</span></div></td></tr></tbody></table></div> <p> 由于某种原因，这刷新了我的iframe，而不是整个脚本。也许是因为它放置在框架本身中，而当您尝试从另一个框架刷新框架时，所有那些getElemntById解决方案都可以工作吗？ </p> <p><center> </center></p> <p> 或我不完全理解并乱语，无论如何这对我来说就像一个魅力:) </p> <hr> <p> 如果您尝试了所有其他建议，而又没有任何一项可行(如我无法完成)，那么您可以尝试一些有用的方法。 </p> <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 />2<br /></div></td><td><div class="javascript codecolorer">Refresh<br /> <span class="sy0"><</span>iframe src<span class="sy0">=</span><span class="st0">""</span> id<span class="sy0">=</span><span class="st0">"iframe-id-0"</span><span class="sy0">></</span>iframe<span class="sy0">></span></div></td></tr></tbody></table></div> <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 />9<br />10<br />11<br />12<br /></div></td><td><div class="javascript codecolorer">$<span class="br0">(</span><span class="st0">'.refresh-this-frame'</span><span class="br0">)</span>.<span class="me1">click</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> thisIframe <span class="sy0">=</span> $<span class="br0">(</span><span class="kw1">this</span><span class="br0">)</span>.<span class="me1">attr</span><span class="br0">(</span><span class="st0">'rel'</span><span class="br0">)</span><span class="sy0">;</span><br /> <span class="kw1">var</span> currentState <span class="sy0">=</span> $<span class="br0">(</span>thisIframe<span class="br0">)</span>.<span class="me1">attr</span><span class="br0">(</span><span class="st0">'src'</span><span class="br0">)</span><span class="sy0">;</span><br /> <span class="kw1">function</span> removeSrc<span class="br0">(</span><span class="br0">)</span> <span class="br0">{</span><br /> $<span class="br0">(</span>thisIframe<span class="br0">)</span>.<span class="me1">attr</span><span class="br0">(</span><span class="st0">'src'</span><span class="sy0">,</span> <span class="st0">''</span><span class="br0">)</span><span class="sy0">;</span><br /> <span class="br0">}</span><br /> setTimeout <span class="br0">(</span>removeSrc<span class="sy0">,</span> <span class="nu0">100</span><span class="br0">)</span><span class="sy0">;</span><br /> <span class="kw1">function</span> replaceSrc<span class="br0">(</span><span class="br0">)</span> <span class="br0">{</span><br /> $<span class="br0">(</span>thisIframe<span class="br0">)</span>.<span class="me1">attr</span><span class="br0">(</span><span class="st0">'src'</span><span class="sy0">,</span> currentState<span class="br0">)</span><span class="sy0">;</span><br /> <span class="br0">}</span><br /> setTimeout <span class="br0">(</span>replaceSrc<span class="sy0">,</span> <span class="nu0">200</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> 我最初着手尝试通过RWD和跨浏览器测试节省一些时间。我想创建一个快速页面，其中包含一堆iframe，并按我可以随意显示/隐藏的组进行组织。从逻辑上讲，您希望能够轻松快速地刷新任何给定的帧。 </p> <p> 我应该注意，我目前正在研究的项目(此测试台中正在使用的那个项目)是一页的站点，该站点具有索引位置(例如index.html＃home)。这可能与为什么我无法获得其他任何解决方案来刷新我的特定框架有关。 </p> <p> 话虽这么说，我知道这不是世界上最干净的东西，但是它对我来说是有效的。希望这对某人有帮助。现在，只要我能弄清楚如何使iframe每次在iframe中出现动画时都不会滚动iframe即可... </p> <p> 编辑：<br /> 我意识到这不会像我希望的那样"刷新" iframe。不过，它将重新加载iframe的初始来源。仍然不知道为什么我无法使用其他任何选项。 </p> <p> 更新：<br /> 我无法使用其他任何方法的原因是因为我在Chrome中对其进行了测试，并且Chrome不允许您访问iframe的内容(说明：Chrome的未来版本是否可能支持contentWindow / contentDocument当iFrame从本地html文件加载本地html文件时？)(如果据我所知，它不是来自同一位置)。经过进一步测试，我也无法访问FF中的contentWindow。 </p> <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 />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 />25<br />26<br />27<br />28<br />29<br />30<br />31<br />32<br />33<br />34<br />35<br />36<br />37<br />38<br /></div></td><td><div class="javascript codecolorer">$<span class="br0">(</span><span class="st0">'.refresh-this-frame'</span><span class="br0">)</span>.<span class="me1">click</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> targetID <span class="sy0">=</span> $<span class="br0">(</span><span class="kw1">this</span><span class="br0">)</span>.<span class="me1">attr</span><span class="br0">(</span><span class="st0">'rel'</span><span class="br0">)</span><span class="sy0">;</span><br /> <span class="kw1">var</span> targetSrc <span class="sy0">=</span> $<span class="br0">(</span>targetID<span class="br0">)</span>.<span class="me1">attr</span><span class="br0">(</span><span class="st0">'src'</span><span class="br0">)</span><span class="sy0">;</span><br /> <span class="kw1">var</span> cleanID <span class="sy0">=</span> targetID.<span class="me1">replace</span><span class="br0">(</span><span class="st0">"#"</span><span class="sy0">,</span><span class="st0">""</span><span class="br0">)</span><span class="sy0">;</span> <br /> <span class="kw1">var</span> chromeTest <span class="sy0">=</span> <span class="br0">(</span> navigator.<span class="me1">userAgent</span>.<span class="me1">match</span><span class="br0">(</span><span class="co2">/Chrome/g</span><span class="br0">)</span> <span class="sy0">?</span> <span class="kw2">true</span> <span class="sy0">:</span> <span class="kw2">false</span> <span class="br0">)</span><span class="sy0">;</span><br /> <span class="kw1">var</span> FFTest <span class="sy0">=</span> <span class="br0">(</span> navigator.<span class="me1">userAgent</span>.<span class="me1">match</span><span class="br0">(</span><span class="co2">/Firefox/g</span><span class="br0">)</span> <span class="sy0">?</span> <span class="kw2">true</span> <span class="sy0">:</span> <span class="kw2">false</span> <span class="br0">)</span><span class="sy0">;</span> <br /> <span class="kw1">if</span> <span class="br0">(</span>chromeTest <span class="sy0">==</span> <span class="kw2">true</span><span class="br0">)</span> <span class="br0">{</span><br /> <span class="kw1">function</span> removeSrc<span class="br0">(</span><span class="br0">)</span> <span class="br0">{</span><br /> $<span class="br0">(</span>targetID<span class="br0">)</span>.<span class="me1">attr</span><span class="br0">(</span><span class="st0">'src'</span><span class="sy0">,</span> <span class="st0">''</span><span class="br0">)</span><span class="sy0">;</span><br /> <span class="br0">}</span><br /> setTimeout <span class="br0">(</span>removeSrc<span class="sy0">,</span> <span class="nu0">100</span><span class="br0">)</span><span class="sy0">;</span><br /> <span class="kw1">function</span> replaceSrc<span class="br0">(</span><span class="br0">)</span> <span class="br0">{</span><br /> $<span class="br0">(</span>targetID<span class="br0">)</span>.<span class="me1">attr</span><span class="br0">(</span><span class="st0">'src'</span><span class="sy0">,</span> targetSrc<span class="br0">)</span><span class="sy0">;</span><br /> <span class="br0">}</span><br /> setTimeout <span class="br0">(</span>replaceSrc<span class="sy0">,</span> <span class="nu0">200</span><span class="br0">)</span><span class="sy0">;</span><br /> <span class="br0">}</span><br /> <span class="kw1">if</span> <span class="br0">(</span>FFTest <span class="sy0">==</span> <span class="kw2">true</span><span class="br0">)</span> <span class="br0">{</span><br /> <span class="kw1">function</span> removeSrc<span class="br0">(</span><span class="br0">)</span> <span class="br0">{</span><br /> $<span class="br0">(</span>targetID<span class="br0">)</span>.<span class="me1">attr</span><span class="br0">(</span><span class="st0">'src'</span><span class="sy0">,</span> <span class="st0">''</span><span class="br0">)</span><span class="sy0">;</span><br /> <span class="br0">}</span><br /> setTimeout <span class="br0">(</span>removeSrc<span class="sy0">,</span> <span class="nu0">100</span><span class="br0">)</span><span class="sy0">;</span><br /> <span class="kw1">function</span> replaceSrc<span class="br0">(</span><span class="br0">)</span> <span class="br0">{</span><br /> $<span class="br0">(</span>targetID<span class="br0">)</span>.<span class="me1">attr</span><span class="br0">(</span><span class="st0">'src'</span><span class="sy0">,</span> targetSrc<span class="br0">)</span><span class="sy0">;</span><br /> <span class="br0">}</span><br /> setTimeout <span class="br0">(</span>replaceSrc<span class="sy0">,</span> <span class="nu0">200</span><span class="br0">)</span><span class="sy0">;</span><br /> <span class="br0">}</span> <br /> <span class="kw1">if</span> <span class="br0">(</span>chromeTest <span class="sy0">==</span> <span class="kw2">false</span> <span class="sy0">&&</span> FFTest <span class="sy0">==</span> <span class="kw2">false</span><span class="br0">)</span> <span class="br0">{</span><br /> <span class="kw1">var</span> targetLoc <span class="sy0">=</span> <span class="br0">(</span>document.<span class="me1">getElementById</span><span class="br0">(</span>cleanID<span class="br0">)</span>.<span class="me1">contentWindow</span>.<span class="me1">location</span><span class="br0">)</span>.<span class="me1">toString</span><span class="br0">(</span><span class="br0">)</span><span class="sy0">;</span><br /> <span class="kw1">function</span> removeSrc<span class="br0">(</span><span class="br0">)</span> <span class="br0">{</span><br /> $<span class="br0">(</span>targetID<span class="br0">)</span>.<span class="me1">attr</span><span class="br0">(</span><span class="st0">'src'</span><span class="sy0">,</span> <span class="st0">''</span><span class="br0">)</span><span class="sy0">;</span><br /> <span class="br0">}</span><br /> setTimeout <span class="br0">(</span>removeSrc<span class="sy0">,</span> <span class="nu0">100</span><span class="br0">)</span><span class="sy0">;</span><br /> <span class="kw1">function</span> replaceSrc2<span class="br0">(</span><span class="br0">)</span> <span class="br0">{</span><br /> $<span class="br0">(</span>targetID<span class="br0">)</span>.<span class="me1">attr</span><span class="br0">(</span><span class="st0">'src'</span><span class="sy0">,</span> targetLoc<span class="br0">)</span><span class="sy0">;</span><br /> <span class="br0">}</span><br /> setTimeout <span class="br0">(</span>replaceSrc2<span class="sy0">,</span> <span class="nu0">200</span><span class="br0">)</span><span class="sy0">;</span><br /> <span class="br0">}</span><br /> <span class="br0">}</span><span class="br0">)</span><span class="sy0">;</span></div></td></tr></tbody></table></div> <hr> <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"><span class="sy0"><</span>script type<span class="sy0">=</span><span class="st0">"text/javascript"</span><span class="sy0">></span><br /> top.<span class="me1">frames</span><span class="br0">[</span><span class="st0">'DetailFrame'</span><span class="br0">]</span>.<span class="me1">location</span> <span class="sy0">=</span> top.<span class="me1">frames</span><span class="br0">[</span><span class="st0">'DetailFrame'</span><span class="br0">]</span>.<span class="me1">location</span><span class="sy0">;</span></div></td></tr></tbody></table></div> <hr> <p> 使用<wyn>self.location.reload()</wyn>将重新加载iframe。 </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 /></div></td><td><div class="javascript codecolorer"><span class="sy0"><</span>iframe src<span class="sy0">=</span><span class="st0">"https://vivekkumar11432.wordpress.com/"</span> width<span class="sy0">=</span><span class="st0">"300"</span> height<span class="sy0">=</span><span class="st0">"300"</span><span class="sy0">></</span>iframe<span class="sy0">></span><br /> <br /> <span class="sy0"><</span>input type<span class="sy0">=</span><span class="st0">'button'</span> value<span class="sy0">=</span><span class="st0">"Reload"</span> onclick<span class="sy0">=</span><span class="st0">"self.location.reload();"</span> <span class="sy0">/></span></div></td></tr></tbody></table></div> </p> <hr> <p><center> </center></p> <p> 为了进行调试，可以打开控制台，将执行上下文更改为要刷新的框架，然后执行<wyn>document.location.reload()</wyn> </p> <hr></div></td> </tr> </tbody> </table></article> <script> window.onload=function(){ var imgs = document.getElementsByTagName('img'); for(var i = 0;imgs[i];i++){ var thttp = imgs[i].getAttribute('src').indexOf("http"); var tok = imgs[i].getAttribute('src').indexOf("//"); if(thttp == -1 || tok == -1) {imgs[i].setAttribute('src', 'http://www.jsk.cc' + (imgs[i].getAttribute('src') || ''));} } } </script> <div class="entry-meta"> <div class="articleinfo-tag"><i class="iconfont icon-biaoqian"></i><a href="/list/jiazai.html" title="加载" class="c1" target="_blank">加载</a><a href="/list/fangfa.html" title="方法" class="c1" target="_blank">方法</a><a href="/list/shuaxin.html" title="刷新" class="c1" target="_blank">刷新</a><a href="/list/shuxing.html" title="属性" class="c1" target="_blank">属性</a></div> </div> </div> <div class="relatebox"> <div class="relatebox-lists"> <h3>推荐阅读<span></span></h3> <div class="relatebox-articles"> <ul> <article class="excerpt excerpt-one"> <p class="focuss"><a href="/zhishi/eTaU.html" class="thumbnail"><span><img class="thumb" src="http://www.jsk.cc/d/img/202316/tongyong1.webp" alt="linux设备加载命令行？" /></span></a></p> <div class="title"> <h2><a href="/zhishi/eTaU.html" title="linux设备加载命令行？">linux设备加载命令行？</a></h2> </div> <p class="text-muted meta">linux设备加载命令行？，设备，系统，信息，数字，首页，软件，密码，终端，文件，键盘，L</p> </article><article class="excerpt excerpt-one"> <p class="focuss"><a href="/zhishi/eSYd.html" class="thumbnail"><span><img class="thumb" src="http://www.jsk.cc/d/img/202316/tongyong5.webp" alt="linux命令行加载中文？" /></span></a></p> <div class="title"> <h2><a href="/zhishi/eSYd.html" title="linux命令行加载中文？">linux命令行加载中文？</a></h2> </div> <p class="text-muted meta">linux命令行加载中文？，名称，系统，不了，传播，网上，状态，管理，中文，终端，命令，L</p> </article><article class="excerpt excerpt-one"> <p class="focuss"><a href="/zhishi/eSWl.html" class="thumbnail"><span><img class="thumb" src="http://www.jsk.cc/d/img/202315/ty51.webp" alt="linux启动加载命令行？" /></span></a></p> <div class="title"> <h2><a href="/zhishi/eSWl.html" title="linux启动加载命令行？">linux启动加载命令行？</a></h2> </div> <p class="text-muted meta">linux启动加载命令行？，服务，系统，数字，首页，终端，环境，命令，方法，脚本，文件，</p> </article><article class="excerpt excerpt-one"> <p class="focuss"><a href="/zhishi/eSGC.html" class="thumbnail"><span><img class="thumb" src="http://www.jsk.cc/d/img/202315/ty65.webp" alt="linux系统刷新命令？" /></span></a></p> <div class="title"> <h2><a href="/zhishi/eSGC.html" title="linux系统刷新命令？">linux系统刷新命令？</a></h2> </div> <p class="text-muted meta">linux系统刷新命令？，系统，工具，情况，最新，单位，工作，管理，信息，软件，服务，Lin</p> </article><article class="excerpt excerpt-one"> <p class="focuss"><a href="/zhishi/eSHI.html" class="thumbnail"><span><img class="thumb" src="http://www.jsk.cc/d/img/202315/ty56.webp" alt="linux加载库的命令？" /></span></a></p> <div class="title"> <h2><a href="/zhishi/eSHI.html" title="linux加载库的命令？">linux加载库的命令？</a></h2> </div> <p class="text-muted meta">linux加载库的命令？，系统，地址，信息，设备，标准，服务，命令，名字，工具，首页，lin</p> </article><article class="excerpt excerpt-one"> <p class="focuss"><a href="/zhishi/eSQj.html" class="thumbnail"><span><img class="thumb" src="http://www.jsk.cc/d/img/202315/ty48.webp" alt="linux命令刷新显示？" /></span></a></p> <div class="title"> <h2><a href="/zhishi/eSQj.html" title="linux命令刷新显示？">linux命令刷新显示？</a></h2> </div> <p class="text-muted meta">linux命令刷新显示？，系统，工作，最新，地址，命令，异常，分析，工具，信息，软件，Lin</p> </article><article class="excerpt excerpt-one"> <p class="focuss"><a href="/zhishi/eSHy.html" class="thumbnail"><span><img class="thumb" src="http://www.jsk.cc/d/img/202315/ty34.webp" alt="linux加载驱动命令6？" /></span></a></p> <div class="title"> <h2><a href="/zhishi/eSHy.html" title="linux加载驱动命令6？">linux加载驱动命令6？</a></h2> </div> <p class="text-muted meta">linux加载驱动命令6？，信息，名称，设备，系统，电脑，软件，材料，下来，命令，权限，li</p> </article><article class="excerpt excerpt-one"> <p class="focuss"><a href="/zhishi/eSJB.html" class="thumbnail"><span><img class="thumb" src="http://www.jsk.cc/d/img/202315/ty33.webp" alt="linux加载过滤命令？" /></span></a></p> <div class="title"> <h2><a href="/zhishi/eSJB.html" title="linux加载过滤命令？">linux加载过滤命令？</a></h2> </div> <p class="text-muted meta">linux加载过滤命令？，数据，系统，工具，标准，官网，灵活，最新，命令，文件，文件名，l</p> </article><article class="excerpt excerpt-one"> <p class="focuss"><a href="/zhishi/eSsF.html" class="thumbnail"><span><img class="thumb" src="http://www.jsk.cc/d/img/202315/ty54.webp" alt="linux刷新命令是啥？" /></span></a></p> <div class="title"> <h2><a href="/zhishi/eSsF.html" title="linux刷新命令是啥？">linux刷新命令是啥？</a></h2> </div> <p class="text-muted meta">linux刷新命令是啥？，系统，软件，信息，地址，工作，命令，时间，数据，在线，密码，Lin</p> </article><article class="excerpt excerpt-one"> <p class="focuss"><a href="/zhishi/eRYn.html" class="thumbnail"><span><img class="thumb" src="http://www.jsk.cc/d/img/202315/ty49.webp" alt="linux中的刷新命令？" /></span></a></p> <div class="title"> <h2><a href="/zhishi/eRYn.html" title="linux中的刷新命令？">linux中的刷新命令？</a></h2> </div> <p class="text-muted meta">linux中的刷新命令？，最新，系统，工具，档案，工作，代码，周期，设备，时间，服务，Lin</p> </article><article class="excerpt excerpt-one"> <p class="focuss"><a href="/zhishi/eSkC.html" class="thumbnail"><span><img class="thumb" src="http://www.jsk.cc/d/img/202315/ty39.webp" alt="linux使用命令的方法？" /></span></a></p> <div class="title"> <h2><a href="/zhishi/eSkC.html" title="linux使用命令的方法？">linux使用命令的方法？</a></h2> </div> <p class="text-muted meta">linux使用命令的方法？，系统，信息，工具，标准，数据，命令，左下角，目录，文件夹，</p> </article><article class="excerpt excerpt-one"> <p class="focuss"><a href="/zhishi/eSg6.html" class="thumbnail"><span><img class="thumb" src="http://www.jsk.cc/d/img/202315/ty34.webp" alt="linux设备加载命令？" /></span></a></p> <div class="title"> <h2><a href="/zhishi/eSg6.html" title="linux设备加载命令？">linux设备加载命令？</a></h2> </div> <p class="text-muted meta">linux设备加载命令？，系统，设备，信息，电脑，第一，命令，文件，分区，磁盘，详细信</p> </article><article class="excerpt excerpt-one"> <p class="focuss"><a href="/zhishi/eRXE.html" class="thumbnail"><span><img class="thumb" src="http://www.jsk.cc/d/img/202315/ty53.webp" alt="linux网卡加载命令行？" /></span></a></p> <div class="title"> <h2><a href="/zhishi/eRXE.html" title="linux网卡加载命令行？">linux网卡加载命令行？</a></h2> </div> <p class="text-muted meta">linux网卡加载命令行？，系统，地址，代码，网络，设备，电脑，名称，网卡，技术指标，</p> </article><article class="excerpt excerpt-one"> <p class="focuss"><a href="/zhishi/eRNk.html" class="thumbnail"><span><img class="thumb" src="http://www.jsk.cc/d/img/202315/ty51.webp" alt="linux命令刷新加载？" /></span></a></p> <div class="title"> <h2><a href="/zhishi/eRNk.html" title="linux命令刷新加载？">linux命令刷新加载？</a></h2> </div> <p class="text-muted meta">linux命令刷新加载？，系统，下来，工具，网上，命令，终端，环境变量，以下，文件，路</p> </article><article class="excerpt excerpt-one"> <p class="focuss"><a href="/zhishi/eRMo.html" class="thumbnail"><span><img class="thumb" src="http://www.jsk.cc/d/img/202315/tongyong11.webp" alt="linux命令查看包属性？" /></span></a></p> <div class="title"> <h2><a href="/zhishi/eRMo.html" title="linux命令查看包属性？">linux命令查看包属性？</a></h2> </div> <p class="text-muted meta">linux命令查看包属性？，时间，系统，信息，状态，命令，文件，通讯录，管理，情况，标</p> </article><article class="excerpt excerpt-one"> <p class="focuss"><a href="/zhishi/eRE.html" class="thumbnail"><span><img class="thumb" src="http://www.jsk.cc/d/img/202314/ty68.webp" alt="加载linux内核的命令？" /></span></a></p> <div class="title"> <h2><a href="/zhishi/eRE.html" title="加载linux内核的命令？">加载linux内核的命令？</a></h2> </div> <p class="text-muted meta">加载linux内核的命令？，系统，信息，地址，电脑，发行，设备，简介，平台，发展，基础，l</p> </article><article class="excerpt excerpt-one"> <p class="focuss"><a href="/zhishi/eREn.html" class="thumbnail"><span><img class="thumb" src="http://www.jsk.cc/d/img/202314/tongyong16.webp" alt="刷新缓存linux命令？" /></span></a></p> <div class="title"> <h2><a href="/zhishi/eREn.html" title="刷新缓存linux命令？">刷新缓存linux命令？</a></h2> </div> <p class="text-muted meta">刷新缓存linux命令？，系统，地址，工作，情况，工具，信息，盘中，状态，数据，命令，Lin</p> </article><article class="excerpt excerpt-one"> <p class="focuss"><a href="/zhishi/eRJM.html" class="thumbnail"><span><img class="thumb" src="http://www.jsk.cc/d/img/202314/ty64.webp" alt="linux加载没有的命令？" /></span></a></p> <div class="title"> <h2><a href="/zhishi/eRJM.html" title="linux加载没有的命令？">linux加载没有的命令？</a></h2> </div> <p class="text-muted meta">linux加载没有的命令？，系统，服务，工具，信息，设备，标准，工作，命令，检测，代码，</p> </article><article class="excerpt excerpt-one"> <p class="focuss"><a href="/zhishi/eRJG.html" class="thumbnail"><span><img class="thumb" src="http://www.jsk.cc/d/img/202314/tongyong13.webp" alt="linux持续刷新命令？" /></span></a></p> <div class="title"> <h2><a href="/zhishi/eRJG.html" title="linux持续刷新命令？">linux持续刷新命令？</a></h2> </div> <p class="text-muted meta">linux持续刷新命令？，系统，工作，地址，信息，实时，命令，时代，中心，工具，平台，急!</p> </article><article class="excerpt excerpt-one"> <p class="focuss"><a href="/zhishi/eR9U.html" class="thumbnail"><span><img class="thumb" src="http://www.jsk.cc/d/img/202314/ty69.webp" alt="linux刷新分区表命令？" /></span></a></p> <div class="title"> <h2><a href="/zhishi/eR9U.html" title="linux刷新分区表命令？">linux刷新分区表命令？</a></h2> </div> <p class="text-muted meta">linux刷新分区表命令？，管理，系统，情况，软件，数据，设备，单位，号码，分区，命令，</p> </article></ul> </div> </div> </div> </div> </div> <footer class="footer"> <p>Copyright © 2023 计算客 JSK.CC All Rights Reserved</p> <p><a href="https://beian.miit.gov.cn/">蜀ICP备2023033106号-2</a></p> </footer> </body> </html>
