使用jQuery和ajax代替iframe的方法(詳解)
更新時間：2017年04月12日 09:21:33 投稿：jingxian
下面小編就為大家?guī)硪黄褂胘Query和ajax代替iframe的方法(詳解)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
iframe雖然好用，但是其弊端也很明顯，一是它不能使用于響應(yīng)式布局，iframe的使用必須指定高度，而響應(yīng)式布局的高度兵分固定的。其次iframe不易被搜索引擎的爬蟲解讀，特別是iframe中嵌套iframe，這是會被搜索引擎認(rèn)為是個死網(wǎng)站而被放過。
目前主流的應(yīng)用都使用了ajax代替了iframe。
html：
<ul class="nav navbar-nav" id="indexMenu"> <li><a target="main/main.html">首頁</a></li> <li><a target="new/new.html">新聞</a></li> <li><a target="leave/leave.html">留言</a></li> <li><a target="download/download.html">資料下載</a></li> </ul>
代替iframe的div：
<div id="iframeContent"></div>
js操作：
$(function(){
$.get("main/main.html",function(data){
$("#iframeContent").html(data);//初始化加載界面
});
$('#indexMenu li').click(function(){//點擊li加載界面
var current = $(this),
target = current.find('a').attr('target'); // 找到鏈接a中的targer的值
$.get(target,function(data){
$("#iframeContent").html(data);
});
});
});
這樣做不僅滿足了響應(yīng)式布局，而且div也能被爬蟲認(rèn)識，故而更受歡迎！
以上這篇使用jQuery和ajax代替iframe的方法(詳解)就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了jquery自定義滾動條插件示例,需要的朋友可以參考下2014-02-02
這篇文章主要介紹了jquery+CSS3模擬Path2.0動畫菜單效果代碼,涉及jquery鼠標(biāo)click點擊事件及頁面元素樣式動態(tài)變換的實現(xiàn)技巧,需要的朋友可以參考下2015-08-08
這篇文章主要為大家詳細(xì)介紹了jQuery實現(xiàn)推拉門效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-10-10
jQuery發(fā)布已經(jīng)十年了，挺讓人難以置信。過去的這些年Web開發(fā)變了很多，jQuery也隨之變化著。在這個過程中，團隊一直在對確保過往代碼的兼容支持和獲取最好的Web開發(fā)實踐的現(xiàn)實之間努力著。就在2天前，jQuery發(fā)布了新的3.0最終版本2016-06-06
這篇文章主要為大家介紹了jQuery編程動畫基本實現(xiàn)方法示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-08-08
這篇文章主要介紹了jquery實現(xiàn)的帶有索引按鈕且自動輪播切換特效，圖片簡單大方，感興趣的小伙伴可以參考下。2015-09-09
有朋友問GridView控件對于跨行合并的問題，這可以用控件嵌套來完成，當(dāng)然，我更喜歡在前臺來用JS來控制網(wǎng)頁元素的樣式，而后臺僅僅是根據(jù)客戶的請求，來返回數(shù)據(jù)。2011-09-09
在頁面上圖片比較多的時候，打開一張頁面必然引起與服務(wù)器大數(shù)據(jù)量的交互。尤其是對于高清晰的圖片，占了幾百K的空間。那么我們?nèi)绾尾拍芨淖冞@種狀況呢，這就是今天我們要探討的問題了。2015-03-03
這篇文章主要為大家詳細(xì)介紹了jQuery樹插件zTree的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05
在普通情況下我們要用原生類、或者自定義類創(chuàng)建實例要用new運算符，使構(gòu)造函數(shù)創(chuàng)建一個實例，并且實例繼承構(gòu)造器prototype上的所有公有方法2011-12-12