ajax代替iframe

之前写页面总喜欢用iframe，iframe虽然好用，但是其弊端也很明显，一是它不能使用于响应式布局，iframe的使用必须指定高度，而响应式布局的高度兵分固定的。其次iframe不易被搜索引擎的爬虫解读，特别是iframe中嵌套iframe，这是会被搜索引擎认为是个死网站。

目前主流的应用都使用了ajax代替了iframe。

一个简单的小列子：
html

  <ul id="nav">    <li><a target="day3_1_jquery.html">首页</a></li>    <li><a target="day3_2.html"></a>第二页</li>    <li><a target="day3_3_table.html">第三页</a></li>    <li><a target="day4_1_api.html">第四页</a></li>  </ul>  //下面的div用于显示主要内容  <div id="navContent" style="border: 1px solid #FF0000;"></div>

js：

$(function(){        $.get('Ajax.html',function(data){            $("#navContent").html(data);        });   //初始化页面显示        $("#nav li").click(function(){            var current = $(this);            target = current.find('a').attr('target');   //找到a的链接            $.get(target,function(data){                $("#navContent").html(data);            });        });    })