首页 > web前端 > js教程 > jQuery重新加载iframe

jQuery重新加载iframe

Joseph Gordon-Levitt
发布: 2025-03-03 00:52:11
原创
848 人浏览过

jQuery Reload an iFrame

jQuery重新加载iframe

简单的jQuery代码片段通过访问ContentWindow属性以获取位置对象来重新加载iframe。 jQuery摘要代码实际上循环并刷新页面上的所有iFrame。 另请参阅:
  • 检查窗口是否在iframe
  • 获取注射的iframe
  • 的源href
<span>//reload 1 iframe
</span><span>$('#iframe').contentWindow.location.reload(true);
</span>
<span>//reload all iFrames
</span><span>$('iframe').each(function() {
</span>  <span>this.contentWindow.location.reload(true);
</span><span>});</span>
登录后复制

经常询问有关jQuery和iframe Reloading

的问题(常见问题解答)

>使用jQuery重新加载iframe的基本语法是什么?您只需要使用其ID或类选择IFRAME,然后调用“ attr”方法将其“ SRC”属性设置为当前值。这是一个基本示例:

$(“#myiframe”)。attr('src',$(“#myiframe”)。attr('src'));

在此示例中,'#myiframe'是iframe的ID。这条代码线将有效地重新加载iframe。

我可以在不使用其ID或类的ID或类的情况下重新加载iframe吗?您可以使用“ prop”方法获取iframe的“ SRC”属性,然后将其设置为相同的值。以下是一个示例:

$('iframe')。prop('src',function(i,val){return val;});

>

>该代码将在页面上重新加载所有IFRAME。定期重新加载iframe。这是一个示例:

setInterval(function(){$(“#myiframe”)。attr('src',$(“#myiframe”)。attr('src'src'>});

},5000),5000);






单击按钮时?

是的,您可以在单击按钮时重新加载iframe。您只需要将单击事件处理程序附加到按钮上,然后在处理程序中重新加载iframe即可。以下是一个示例:

$(“#mybutton”)。click(function(){

$(“#myiframe”)。attr('src',$(“#myiframe”)。attr('src'src'>>>>});
>});
>});
>>>>>>
$(“#myform”)。形式。

>在单击链接时可以重新加载iframe吗?您只需要将点击事件处理程序附加到链接上,然后在处理程序中重新加载iFrame。以下是一个示例:

$(“#myLink”)。单击(function(e){
e.preventDefault()链接的ID。您只需要将加载事件处理程序附加到窗口,然后在处理程序中重新加载iframe。以下是一个示例:

$(window).load(function(){$(“#myiframe”)。attr('src',$(“#myiframe”)。attr('src'src'));
>});
});
>





是的,您可以在卸载页面时重新加载iframe。您只需要将卸载事件处理程序附加到窗口,然后在处理程序中重新加载iframe。这是一个示例:

$(window).unload(function(){

$(“#myiframe”)。attr('src',$(“#myiframe”)。attr('src'src'));

>});

});





当用户滚动页面?

时,重新加载一个iframe,是的,当用户滚动页面时,您可以重新加载iframe。您只需要将滚动事件处理程序附加到窗口,然后在处理程序中重新加载iframe即可。这是一个示例:

$(window).scroll(function(){
$(“#myiframe”)。重新加载一个iframe时,当用户重新调整窗口时?

是的,当用户调整窗口时,可以重新加载iframe。您只需要将调整大小的事件处理程序附加到窗口,然后在处理程序中重新加载iframe。以下是一个示例:

$(window).resize(function(){

$(“#myiframe”)。attr('src',$(“#myiframe”)。attry('src'src'));
>});
});



以上是jQuery重新加载iframe的详细内容。更多信息请关注PHP中文网其他相关文章!

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板