有什么能替代iframe标签
浏览：1009 发表时间：2017-05-01 20:23:04
iframe从十年前到今天的H5时代一直存在着，iframe能很好的嵌入其他的网页或者网站，但是iframe每次加载都会浪费好多的时间，且会阻止其他元素的加载，搜索引擎也不能识别页面ifram框架中被调用的链接、文本、图片等等内容的。
试问有什么方法能替代iframe？
ajax，不过加载html过来你仍然需要处理多页面的script、css的加载和剥离，不如iframe简单方便。
也有网友认为：
原则上是不能完全替代的，尤其在动态页面中；ajax也只是会加载生成以后的HTML而已，那么对应的服务器代码会全部无效的，另外用ajax加载过来的页面的CSS JS 等元素会影响本页面的！所以目前可以预见即便是在HTML5中iFrame也同样有着不可动摇的地位。
可以尝试的方法：
html代码
<ul class="list-side">
<li><a target="a.html" >about</a></li>
<li><a target="b.html" >news</a></li>
<li><a target="c.html" >product</a></li>
<li><a href="http://ucmic.blogspot.com/" target="_blank" >contact</a></li>
</ul>
<div id="iframe">
<!--jquery 插入html 位址-->
</div>
实现功能的Javascript代码
$(document).ready(function(){
$.get("a.html",function(data){ //初始將a.html include div#iframe
$("#iframe").html(data);
});
$(function(){
$('.list-side li').click(function() {
// 找出 li 中的超链接 href(#id)
var $this = $(this),
_clickTab = $this.find('a').attr('target'); // 找到链接a中的targer的值
$.get(_clickTab,function(data){
$("#iframe").html(data);
});
});
});
贴心服务
- 网站每周自动备份
- 生成APP，一下高大上
- 云服务器，不需另外买空间
- 域名代备案
网站解决方案
帮助中心
- Bootstrap前端框架
- SuperSlide.2.1.1
- FlexSlider-0690ec2
- 有问必答
联系我们
- service@sanxiegang.com
©2008-2017 三斜杠网络公司版权所有 盗用必究 QQ:2558731797
三斜杠专注于深圳小微企业网站建设,为您打造个性化互联网平台. 粤ICP备17053880号
三斜杠专注于深圳小微企业网站建设,为您打造个性化互联网平台. 粤ICP备17053880号
