jquery实现替代iframe的功能

浏览数：25 / 时间：2015年06月09日

使用iframe能很好的嵌入其他的网页或者网站，但是iframe每次加载都会浪费好多的时间，且会阻止其他元素的加载，搜索引擎也不能识别页面ifram框架中被调用的链接、文本、图片等等内容的。

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); 
 　　　　});
　　});
});

jquery实现替代iframe的功能,古老的榕树,5-wow.com

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

jquery实现替代iframe的功能