jquery实现替代iframe的功能
2014-09-27 23:39
507 查看
使用iframe能很好的嵌入其他的网页或者网站,但是iframe每次加载都会浪费好多的时间,且会阻止其他元素的加载,搜索引擎也不能识别页面ifram框架中被调用的链接、文本、图片等等内容的。
Html代码
Javascript代码
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代码
</pre><pre name="code" class="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); }); }); });
相关文章推荐
- jquery实现替代iframe的功能
- jquery实现替代iframe的功能
- jquery实现替代iframe的功能
- jquery实现替代iframe的功能
- jquery实现替代iframe的功能
- div加jquery实现iframe标签的功能
- Jquery LigerUI框架学习(二)之Tree于Tab标签实现iframe功能
- jquery实现iframe方式的dialog窗口,加关闭并刷新父窗口功能
- jquery实现客户端快速查询,本地图片预览功能
- jQuery + CSS 实现Tab分页功能
- jQuery实现类似开心网的短消息提示功能
- 如何在asp.net中用jQuery实现便捷的提示功能和表单验证功能-S.Sams
- JQuery示例1-实现同一页面的编辑功能
- 用 Jquery 的UI DRAG组件实现拖动功能
- JQuery 实现选项卡功能
- 如何在asp.net中用jQuery实现便捷的提示功能和表单验证功能
- Tinymce、smarty 、jquery的融合及首行缩进功能的插件实现
- jQuery(Ajax)/PHP/MySQL实现搜索自动提示功能
- jQuery(Ajax)/PHP/MySQL实现搜索自动提示功能
- 用jQuery + Ajax实现Google输入提示功能