图片展示

有什么能替代iframe标签

浏览:1098 发表时间: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代码


 

  
      


实现功能的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);
     });
  });
});

图片展示
  • 联系人:
  • QQ:
  • 留言内容:
  • 验证码:
    请输入验证码

留言列表


【5】 2017-04-30
66666
回复内容2017-04-30
去你的……
重置文章字号 更多+

贴心服务

  • 网站每周自动备份
  • 生成APP,一下高大上
  • 云服务器,不需另外买空间
  • 域名代备案

帮助中心

  • Bootstrap前端框架
  • SuperSlide.2.1.1
  • FlexSlider-0690ec2
  • 有问必答

联系我们

  • service@sanxiegang.com
©2008-2017 三斜杠网络公司版权所有 盗用必究 QQ:2558731797
三斜杠专注于深圳小微企业网站建设,为您打造个性化互联网平台. 粤ICP备17053880号