一、iframe实现局部刷新方法一
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
<script type=
"text/javascript"
>
$(
function
(){
$(
"#a1"
).click(
function
(){
var
name= $(
this
).attr(
"name"
);
$(
"#iframe"
).attr(
"src"
,name).ready();
})
$(
"#a2"
).click(
function
(){
var
name= $(
this
).attr(
"name"
);
$(
"#iframe"
).attr(
"src"
,name).ready();
})
})
</script>
<a href=
"#"
id=
"a1"
name=
"a1.html"
>1</a>
<a href=
"#"
id=
"a2"
name=
"a2.html"
>2</a>
<iframe src=
""
id=
"iframe"
></iframe>
|
当点a1时在iframe里显示a1.html的内容,点a2时在iframe里显示a2.html的内容
二、iframe实现局部刷新的方法二
1
2
3
|
<
a
href="a1.html" id="a1" name="a1.html" target="i">1</
a
>
<
a
href="a2.html" id="a2" name="a2.html" target="i">2</
a
>
<
iframe
src="" id="iframe" name="i"></
iframe
>
|
备注: <form> 同样也有target属性,作用和<a>一样 这个方式如果<from>或<a>提交到某个Action中再跳转到a1.html中效果一样,如果在Action中有req.set或session.set,最后在iframe中同样可以显示出来。