从品牌网站建设到网络营销策划,从策略到执行的一站式服务
iframe虽然好用,但是其弊端也很明显,一是它不能使用于响应式布局,iframe的使用必须指定高度,而响应式布局的高度兵分固定的。其次iframe不易被搜索引擎的爬虫解读,特别是iframe中嵌套iframe,这是会被搜索引擎认为是个死网站而被放过。
为七台河等地区用户提供了全套网页设计制作服务,及七台河网站建设行业解决方案。主营业务为成都网站制作、成都做网站、七台河网站设计,以传统方式定制建设网站,并提供域名空间备案等一条龙服务,秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求,就会得到认可,从而选择与我们长期合作。这样,我们也可以走得更远!
目前主流的应用都使用了ajax代替了iframe。
html:
代替iframe的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); }); }); });
这样做不仅满足了响应式布局,而且div也能被爬虫认识,故而更受欢迎!
以上这篇使用jQuery和ajax代替iframe的方法(详解)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持创新互联。
成都网站建设公司地址:成都市青羊区太升南路288号锦天国际A座10层 建设咨询028-86922220
成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.
专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网! | 成都网站建设哪家好? | 网站建设地图