请选择 进入手机版 | 继续访问电脑版
开启辅助访问
帐号登录 |立即注册

使用jQuery和Ajax代替iframe的方法

 
iframe虽然好用,但是其弊端也很明显,一是它不能使用于响应式布局,iframe的使用必须指定高度,而响应式布局的高度兵分固定的。其次iframe不易被搜索引擎的爬虫解读,特别是iframe中嵌套iframe,这是会被搜索引擎认为是个死网站而被放过。

目前主流的应用都使用了ajax代替了iframe。

$("#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);

});

});

});

这样做不仅满足了响应式布局,而且div也能被爬虫认识,故而更受欢迎!

以上这篇使用开发者。

回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

友情链接
  • 艾Q网

    提供设计文章,教程和分享聚合信息与导航工具,最新音乐,动漫,游戏资讯的网站。