首頁 > web前端 > js教程 > jQuery重新加載iframe

jQuery重新加載iframe

Joseph Gordon-Levitt
發布: 2025-03-03 00:52:11
原創
853 人瀏覽過

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
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板