jQuery教学-jQuery Include HTML、插入html、jquery替代iframe

Query能做到的比iframe连结另一个网页html内容来的活用,使用css做模式变化,也较有弹性。再次比较asp include 和 php include 这样的方式无须使用以上asp和php服务器就能达到你想要的include html。


jQuery教学-jQuery Include HTML、插入html、jquery替代iframe

使用jQuery来达到如iframe、asp include 和 php include 的效果

jQuery能做到的比iframe连结另一个网页html内容来的活用,使用css做模式变化,也较有弹性。再次比较asp include 和 php include 这样的方式无须使用以上asp和php服务器就能达到你想要的include html。

下列程序变化更加入了菜单(Menu list)做连结的切换,分别使用jquery include 
三个html网页文件(a.html、 b.html、c.html)。
希望这样的方式能为您带来好的帮助。

HTML



JQUERY

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

参考至:http://ucmic.blogspot.com/2011/05/jqueryjquery-include-html.html