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