jQuery中的iframe加載是一項非常常見的功能,可以在同一頁面中加載其他頁面的內容。
通過使用jQuery的ajax方法,我們可以輕松地實現這一功能。在ajax方法中,我們可以設置iframe的src屬性來加載外部內容。
$('iframe').attr('src', 'http://www.example.com');
在iframe加載內容時,我們往往需要顯示一個加載中的提示。這時我們可以使用jQuery的ajaxStart和ajaxStop方法,來在加載前和加載完成后分別顯示和隱藏提示。
$(document).ajaxStart(function(){ $('#loading').show(); }).ajaxStop(function(){ $('#loading').hide(); });
需要注意的是,當使用iframe加載外部內容時,我們需要注意跨域問題。如果加載的內容來自不同的域名,瀏覽器會阻止訪問。
為了解決這個問題,我們可以使用jQuery的插件iframe-transport。這個插件可以允許跨域上傳文件,也可以用于加載跨域的iframe內容。
$('#myIframe').iframeTransport({ url: 'http://www.example.com' });
在使用上述方法時,我們需要保證所要加載的內容和當前頁面在同一個域名下,或者通過允許跨域訪問的方式來解決問題。
上一篇dockerattch
下一篇css圖片固定長寬比