当页面有一部分是不变的或整个页面的图片很多时,使用局部刷新会是不错的选择。否则会极大地影响访问者页面下载体验感。
一种方法:
<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的内容
另一种方法:
<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>
ps: <from> 同样也有target属性,作用和<a>一样
这个方式如果<from>或<a>提交到某个Action中再跳转到a1.html中效果一样,如果在Action中有req.set或session.set,最后在iframe中同样可以显示出来。
分享到:
相关推荐
这是后台的模板,用bootstarp 和 iframe 实现的局部刷新,还带有选项卡功能,可以自由关闭打开的窗口,关闭其他或者全部关闭
基于bootstrap用JS实现的局部刷新的案例,基于iframe实现tab页切换的效果
基于AdminLTE(bootstrap)用JS实现的局部刷新的案例,这个是使用js刷新局部页面,以及提交的案例,还有使用js刷新的案例在我另外的资源里
iframe之局部刷新 - 行知 - JavaEye技术网站.mht
使用iframe实现图片上传以及上传后的本页面无刷新展示。运行环境是php和jq
Iframe是一种嵌入网页的框架形式,Web页面可以通过更改嵌入的部分,达到部分内容刷新,通过本文和大家一起学习iframe实现局部刷新的几种方法汇总,对iframe局部刷新相关知识感兴趣的朋友一起学习吧
通过iframe和Jquery实现无刷新上传下载文件。项目是VS2010的。
使用iframe实现点击导航页面无刷切换,使用bootstrap布局
基于AdminLTE(bootstrap)用JS实现的局部刷新的案例,这个是使用js刷新局部页面,以及提交的案例,还有使用iframe刷新的案例在我另外的资源里
实现ajax刷新技术原理,是你身边的好帮手
iframe局部刷新,实现局部刷新...................................
1.如何实现简单页面布局 2.使用jsp如何实现隐藏与显示效果 3.通过iframe实现局部动态更新页面内容 1.界面布局 2.JavaScript实现隐藏缩放
iframe实现异步无刷新提交,大家可以放心使用,完整的代码例子
用iframe标签实现的,网页部分刷新的功能。一般用于网站后台
使用隐藏的Iframe实现ajax无刷新上传
通过隐蔽iframe实现无刷新上传文件操作_.docx
两个jquery实现iframe多标签页例子.我现在的asp.net项目正在使用
springboot页面没有使用iframe局部刷新页面各种前端插件权限管理