jquery实现替代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);         
                   　　　　});        
          　　});        
          });