下面以三个页面分别命名为l l l为例来具体说明如何做
其中l由上下两个页面组成 代码如下
<!DOCTYPE HTML PUBLIC //W C//DTD HTML Transitional//EN ><HTML><HEAD><TITLE>frameDemo </TITLE></HEAD><frameset rows= % % ><frame name=top src= l ><frame name=button src= l ></frameset></HTML>
现在假设l即上面的页面有一个button来实现对下面页面的刷新 可以用以下七种语句 哪个好用自己看着办了
语句 window parent frames[ ] location reload()
语句 window parent frames bottom location reload()
语句 window parent frames[ bottom ] location reload()
语句 windem( ) location reload()
语句 windem( bottom ) location reload()
语句 window parent bottom location reload()
语句 window parent[ bottom ] location reload()
解释一下
window指代的是当前页面 例如对于此例它指的是l页面
parent指的是当前页面的父页面 也就是包含它的框架页面 例如对于此例它指的是l
frames是window对象 是一个数组 代表着该框架内所有子页面
em是方法 返回数组里面的元素
如果子页面也是个框架页面 里面还是其它的子页面 那么上面的有些方法可能不行 l源代码 (页面上有七个按钮 功能都是刷新下面的框架页面)
<!DOCTYPE HTML PUBLIC //W C//DTD HTML Transitional//EN ><HTML><HEAD></HEAD><BODY><input type=button value= 刷新 onclick= window parent frames[ ] location reload() ><br><input type=button value= 刷新 onclick= window parent frames bottom location reload() ><br><input type=button value= 刷新 onclick= window parent frames[ bottom ] location reload() ><br><input type=button value= 刷新 onclick= windem( ) location reload() ><br><input type=button value= 刷新 onclick= windem( bottom ) location reload() ><br><input type=button value= 刷新 onclick= window parent bottom location reload() ><br><input type=button value= 刷新 onclick= window parent[ bottom ] location reload() ><br></BODY></HTML>
下面是l页面源代码 为了证明下方页面的确被刷新了 在装载完页面弹出一个对话框
lishixinzhi/Article/program/Java/Javascript/201311/25475
1、首先新建一个html文件,命名为test.html,在test.html文件内,引入jquery.min.js库文件,成功加载该文件,才能使用jquery中的方法。
2、在test.html文件内,使用button标签创建一个按钮,按钮名称分别为“刷新页面”。
3、在test.html文件内,设置button标签的id为btn,主要用于下面通过该id获得button对象。
4、在js标签内,使用$(function(){ })方法在页面加载完成时,通过window.location.href获得当前页面的链接,并把链接保存在变量url中。
5、在js标签内,通过id(btn)获得button对象,给它绑定click点击事件,实现当按钮被点击时,使用window.location.href方法跳转至url,从而实现刷新页面的效果。
6、在浏览器打开test.html文件,点击按钮,查看实现的效果。
用纯js实现点击“记住用户名”按钮,刷新之后用户名依旧在页面的效果方法如下:
1.登录成功之后,把登录信息加密后保存在cookie里面。
2.然后建一个js文件,在这个文件里面做用户是否已登录的判断!如果登录了就直接显示该页面,如果没登录,就跳转回登录页面。
3.这个js文件在登录后才能看到的页面都做引用。