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|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|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|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|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|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>


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|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|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|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|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>


<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="myf...

问使用jQuery重新加载iframe
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用jQuery重新加载iframeEN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用jQuery重新加载iframe
EN