使用jQuery和Ajax代替iframe的方法

iframe使用起来有太多的弊端，例如：iframe代码中引用的图片或文件的路径都是以.html文件本身的位置为相对路径的，这让iframe引用的.html代码和本身代码数据交互起来太麻烦，不能在当前页对引入的.html写css等。还比如：iframe不易被搜索引擎的爬虫解读，特别是iframe中嵌套iframe，这是会被搜索引擎认为是个死网站而被放过。

现在可以用js和ajax来替代iframe，既能实现效果还解决了这些问题。

使用iframe的html的写法：

<iframe src="index1.html"></iframe>

替代iframe的写法：

<div id=”iframeContent”></div>

 $.get("index1.html",function(data){
 $("#iframeContent").html(data);
 });