使用jQuery和ajax代替iframe的方法(详解)
iframe虽然好用，但是其弊端也很明显，一是它不能使用于响应式布局，iframe的使用必须指定高度，而响应式布局的高度兵分固定的。其次iframe不易被搜索引擎的爬虫解读，特别是iframe中嵌套iframe，这是会被搜索引擎认为是个死网站而被放过。
目前主流的应用都使用了ajax代替了iframe。
html：
<ul class="nav navbar-nav" id="indexMenu"> <li><a target="main/main.html">首页</a></li> <li><a target="new/new.html">新闻</a></li> <li><a target="leave/leave.html">留言</a></li> <li><a target="download/download.html">资料下载</a></li> </ul>
代替iframe的div：
<div id="iframeContent"></div>
js操作：
$(function(){
$.get("main/main.html",function(data){
$("#iframeContent").html(data);//初始化加载界面
});
$('#indexMenu li').click(function(){//点击li加载界面
var current = $(this),
target = current.find('a').attr('target'); // 找到链接a中的targer的值
$.get(target,function(data){
$("#iframeContent").html(data);
});
});
});
这样做不仅满足了响应式布局，而且div也能被爬虫认识，故而更受欢迎！
以上这篇使用jQuery和ajax代替iframe的方法(详解)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持小牛知识库。
-
本文向大家介绍基于JQuery的Ajax方法使用详解，包括了基于JQuery的Ajax方法使用详解的使用技巧和注意事项，需要的朋友参考一下 如下所示： 以上这篇基于JQuery的Ajax方法使用详解就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持呐喊教程。
-
本文向大家介绍jQuery 1.9使用$.support替代$.browser的使用方法，包括了jQuery 1.9使用$.support替代$.browser的使用方法的使用技巧和注意事项，需要的朋友参考一下 jQuery 从 1.9 版开始，移除了 $.browser 和 $.browser.version ， 取而代之的是 $.support 。 在更新的 2.0 版本中，将不再支持 IE
-
本文向大家介绍详解Ajax和form+iframe 实现文件上传的方法(两种方式)，包括了详解Ajax和form+iframe 实现文件上传的方法(两种方式)的使用技巧和注意事项，需要的朋友参考一下 自从有html5之后，文件上传变的非常简单。很方便的解决了项目中需要用到的文件上传功能。HTML5支持多图片上传，而且支持ajax上传，而且支持上传之前图片的预览，而且支持图片拖拽上传，而且还是纯粹利
-
本文向大家介绍JQuery中$.ajax()方法参数详解，包括了JQuery中$.ajax()方法参数详解的使用技巧和注意事项，需要的朋友参考一下 全称为“Asynchronous JavaScript and XML”（异步JavaScript和XML）; 是指一种创建交互式网页应用的网页开发技术。 jquery中的ajax方法参数总是记不住，这里记录一下。 1.url: 要求为String类型
-
本文向大家介绍jQuery的end()方法使用详解，包括了jQuery的end()方法使用详解的使用技巧和注意事项，需要的朋友参考一下 end()方法的定义和用法: end()方法能够回到最近的一个"破坏性"操作之前，即将匹配的元素列表变为前一次的状态。 如果没有破坏性操作将返回一个空集。 破坏性操作的概念:指任何改变所匹配元素的操作。可能大家对这个概念比较模糊，举个例子: 以上代码的CSS函数就
-
本文向大家介绍jQuery的bind()方法使用详解，包括了jQuery的bind()方法使用详解的使用技巧和注意事项，需要的朋友参考一下 bind()方法用法详解: 此方法是使用比较频繁的方法之一，虽然在API手册上有着对方法的介绍，但是由于语言简短，例子不够详细，可能会造成不能够完全准确的掌握bind()方法的使用，下面就结合实例介绍一下此方法的使用。 语法格式: 此方法可以为所有匹配元素的特
-
本文向大家介绍Jquery的Ajax技术使用方法，包括了Jquery的Ajax技术使用方法的使用技巧和注意事项，需要的朋友参考一下 Jquery的Ajax技术（重点） jquery是一个优秀的js框架，自然对js原生的ajax进行了封装，封装后的ajax的操作方法更简洁，功能更强大，与ajax操作相关的jquery方法有如下几种，但开发中经常使用的有三种： 1）$.get(url, [data],
-
本文向大家介绍jquery操作 iframe的方法，包括了jquery操作 iframe的方法的使用技巧和注意事项，需要的朋友参考一下 我们先看一下 JQUERY中的对像 contents() 的帮助文件 contents() 概述 查找匹配元素内部所有的子节点（包括文本节点）。如果元素是一个iframe，则查找文档内容 示例 描述: 查找所有文本节点并加粗 HTML jQuery 描述: 往一个