blocks|key|1084217|text|$(+'#iframe'+).attr(+'src',+function+(+i,+val+)+{+return+val;+});|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1084218|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>$( '#iframe' ).attr( 'src', function ( i, val ) { return val; });
</code></pre>


blocks|key|1084173|text|您也可以使用jquery。这和Alex提出的使用JQuery的方法是一样的：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1084174|+$('#currentElement').attr("src",+$('#currentElement').attr("src"));|code-block|syntax|javascript|1084175|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>you can also use jquery. This is the same what Alex proposed just using JQuery:</p>

<pre><code> $('#currentElement').attr("src", $('#currentElement').attr("src"));
</code></pre>


blocks|key|869504|text|对于jquery，您可以使用以下内容：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|869505|$('#iframeid',window.parent.document).attr('src',$('#iframeid',window.parent.document).attr('src'));|code-block|syntax|javascript|869506|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>with jquery you can use this:</p>

<pre><code>$('#iframeid',window.parent.document).attr('src',$('#iframeid',window.parent.document).attr('src'));
</code></pre>


blocks|key|869401|text|我只是在回答亚历克斯的问题，但是和jQuery|type|unstyled|depth|inlineStyleRanges|entityRanges|data|869402|var+currSrc+=+$("#currentElement").attr("src");
$("#currentElement").attr("src",+currSrc);|code-block|syntax|javascript|869403|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Just reciprocating Alex's answer but with jQuery</p>

<pre><code>var currSrc = $("#currentElement").attr("src");
$("#currentElement").attr("src", currSrc);
</code></pre>


blocks|key|869717|text|这是另一种方法|type|unstyled|depth|inlineStyleRanges|entityRanges|data|869718|$(+'#iframe'+).attr(+'src',+function+()+{+return+$(+this+)[0].src;+}+);|code-block|syntax|javascript|869719|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Here is another way</p>

<pre><code>$( '#iframe' ).attr( 'src', function () { return $( this )[0].src; } );
</code></pre>


blocks|key|869648|text|我非常确定上面所有的例子都只是用它的原始src重新加载了iframe，而不是它的当前URL。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|869649|$('#frameId').attr('src',+function+()+{+return+$(this).contents().get(0).location.href+});|code-block|syntax|javascript|869650|应该使用当前的url重新加载。|869651|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<p>I'm pretty sure all of the examples above only reload the iframe with its original src, not its current URL.</p>

<pre><code>$('#frameId').attr('src', function () { return $(this).contents().get(0).location.href });
</code></pre>

<p>That should reload using the current url.</p>


blocks|key|869689|text|我只是在回复亚历克斯的答案，但使用了jQuery：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|869690|var+e+=+$('#myFrame');
++++e.attr("src",+e.attr("src"));|code-block|syntax|javascript|869691|或者你可以使用小函数：|869692|function+iframeRefresh(e)+{
++++var+c+=+$(e);
++++++++c.attr("src",+c.attr("src"));
}|869693|我希望它能帮上忙。|869694|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

<p>Just reciprocating Alex's answer but with jQuery:</p>

<pre><code>var e = $('#myFrame');
    e.attr("src", e.attr("src"));
</code></pre>

<p>Or you can use small function:</p>

<pre><code>function iframeRefresh(e) {
    var c = $(e);
        c.attr("src", c.attr("src"));
}
</code></pre>

<p>I hope it helps.</p>


blocks|key|869725|text|$('IFRAME#currentElement').get(0).contentDocument.location.reload()|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|869726|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>$('IFRAME#currentElement').get(0).contentDocument.location.reload()
</code></pre>


blocks|key|869762|text|//刷新页面上的所有iframe|type|unstyled|depth|inlineStyleRanges|entityRanges|data|869763|var+f_list+=+document.getElementsByTagName('iframe');

+for+(var+i+=+0,+f;+f+=+f_list[i];+i%2B%2B)+{
++++++++++++++++++++++++++++f.src+=+f.src;
++++++++++++++++++++++++}|code-block|syntax|javascript|869764|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>//refresh all iframes on page</p>

<pre><code>var f_list = document.getElementsByTagName('iframe');

 for (var i = 0, f; f = f_list[i]; i++) {
                            f.src = f.src;
                        }
</code></pre>


blocks|key|1084246|text|++++ifrX+=document.getElementById('id')+//or+
++++ifrX+=frames['index'];|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1084247|跨浏览器的解决方案是：|unstyled|1084248|++++ifrX.src+=+ifrX.contentWindow.location|1084249|这一点特别有用，尤其是当|1084250|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|N|8|@]|9|@]|A|$]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$B|C]]|$1|I|3|J|5|F|7|P|8|@]|9|@]|A|$]]|$1|K|3|-4|5|F|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<pre><code>    ifrX =document.getElementById('id') //or 
    ifrX =frames['index'];
</code></pre>

<p>cross-browser solution is:</p>

<pre><code>    ifrX.src = ifrX.contentWindow.location
</code></pre>

<p>this is useful especially when &lt;iframe> is a  the target of a &lt;form></p>


blocks|key|1084380|text|解决了！我注册股票溢出只是为了与你分享唯一有效的解决方案(至少在ASP.NET/IE/FF/Chrome中)！其思想是用当前的innerHTML值替换div的innerHTML值。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1084381|下面是HTML代码片段：|1084382|<div+class="content-2"+id="divGranite">
<h2>Granite+Purchase</h2>
<IFRAME++runat="server"+id="frameGranite"+src="Jobs-granite.aspx"+width="820px"+height="300px"+frameborder="0"+seamless++></IFRAME>
</div>|code-block|syntax|javascript|1084383|和我的Javascript代码：|1084384|function+refreshGranite()+{+++++++++++
+++var+iframe+=+document.getElementById('divGranite')
+++iframe.innerHTML+=+iframe.innerHTML;
}|1084385|希望这能有所帮助。|1084386|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|R|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|T|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|U|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|V|8|@]|9|@]|A|$]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

<p>SOLVED! I register to stockoverflow just to share to you the only solution (at least in ASP.NET/IE/FF/Chrome) that works! The idea is to replace innerHTML value of a div by its current innerHTML value.</p>

<p>Here is the HTML snippet:</p>

<pre><code>&lt;div class="content-2" id="divGranite"&gt;
&lt;h2&gt;Granite Purchase&lt;/h2&gt;
&lt;IFRAME  runat="server" id="frameGranite" src="Jobs-granite.aspx" width="820px" height="300px" frameborder="0" seamless  &gt;&lt;/IFRAME&gt;
&lt;/div&gt;
</code></pre>

<p>And my Javascript code:</p>

<pre><code>function refreshGranite() {           
   var iframe = document.getElementById('divGranite')
   iframe.innerHTML = iframe.innerHTML;
}
</code></pre>

<p>Hope this helps.</p>


blocks|key|1084580|text|你可以这样做|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1084581|$('.refrech-iframe').click(function(){
++++++++$(".myiframe").attr("src",+function(index,+attr){+
++++++++++++return+attr;
++++++++});
++++});|code-block|syntax|javascript|1084582|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>you can do it like this </p>

<pre><code>$('.refrech-iframe').click(function(){
        $(".myiframe").attr("src", function(index, attr){ 
            return attr;
        });
    });
</code></pre>


blocks|key|1084329|text|下面的解决方案肯定会起作用：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1084330|window.parent.location.href+=+window.parent.location.href;|code-block|syntax|javascript|1084331|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Below solution will work for sure: </p>

<pre><code>window.parent.location.href = window.parent.location.href;
</code></pre>


<p>I have two iframes on a page and one makes changes to the other but the other iframe doesn't show the change until I refresh. Is there an easy way to refresh this iframe with jQuery?</p>

<pre><code>&lt;div class="project"&gt;
  &lt;iframe id="currentElement" class="myframe" name="myframe" src="http://somesite.com/something/new"&gt;&lt;/iframe&gt;
&lt;/div&gt;
</code></pre>


Reload an iframe with jQuery

jQuery

我在一个页面上有两个iframe，其中一个对另一个进行了更改，但另一个iframe直到我刷新后才会显示更改。有没有一种简单的方法可以用jQuery刷新这个iframe？<div class="project">  <iframe id="currentElement" class="myframe" name="myframe" src="http://somesite.com/something

问使用jQuery重新加载iframe
EN

回答 13

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用jQuery重新加载iframeEN

回答 13

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用jQuery重新加载iframe
EN