jquery实现替代iframe的功能
来源:互联网 发布:广告语录音软件 编辑:程序博客网 时间:2024/05/01 19:20
使用iframe能很好的嵌入其他的网页或者网站,但是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);
});
});
});
0 0
- jquery实现替代iframe的功能
- jquery实现替代iframe的功能
- jquery实现替代iframe的功能
- jquery实现替代iframe的功能
- 替代iframe的Jq方法
- jquery实现iframe方式的dialog窗口,加关闭并刷新父窗口功能
- Jquery库的替代
- JQuery库的替代
- jquery实现iframe自适应
- jquery实现iframe效果
- 关于iframe替代textarea的技术
- Jquery-zTree替代ExtJS-Tree的实现方案
- jQuery实现的截取字符串后面以省略号替代
- flex中使用Flex来实现html的iframe功能
- localtime_r的替代实现
- localtime_r的替代实现
- jquery 实现iframe 自适应高度
- jquery 实现iframe 自适应高度
- printk 使用方法
- 终极版android.mk
- Struts2 防止重复提交问题
- 浅谈 SOAP
- Convolutional Neural Networks for Visual Recognition 5
- jquery实现替代iframe的功能
- 深度学习笔记9 Sparse coding
- Android网络判断
- Go语言Slice操作.
- 图像处理——卷积、滤波的整理
- WPF在资源内嵌入字体
- Ant_的最完整build.xml解释
- Android动画学习(一)
- Android学习【RelativeLayout控件设置宽 高】