Javascript刷新页面的几种方法
2015-06-03 10:02
453 查看
Javascript刷新页面的几种方法:
1 history.go(0)
2 window.location.reload()
window.location.reload(true)
3 location=location
4 location.assign(location)
5 document.execCommand(''Refresh'')
6 window.navigate(location)
7 location.replace(location)
8 document.URL=location.href
Frame框架:
frame.html:
<frameset rows="50%,50%">
<frame name=top src="top.html">
<frame name=bottom src="bottom.html">
</frameset>
七种语句:
语句1. window.parent.frames[1].location.reload();
语句2. window.parent.frames.bottom.location.reload();
语句3. window.parent.frames["bottom"].location.reload();
语句4. window.parent.frames.item(1).location.reload();
语句5. window.parent.frames.item(''bottom'').location.reload();
语句6. window.parent.bottom.location.reload();
语句7. window.parent[''bottom''].location.reload();
top.html 页面的代码如下:
<input type=button value="刷新1" onclick="window.parent.frames[1].location.reload()">
bottom.html页面:
<body onload="alert(''我被加载了!'')">
<h1>This is the content in bottom.html.</h1>
</body>
1.window指代的是当前页面,例如对于此例它指的是top.html页面。
2.parent指的是当前页面的父页面,也就是包含它的框架页面。例如对于此例它指的是frame.html。
3.frames是window对象,是一个数组。代表着该框架内所有子页面。
4.item是方法。返回数组里面的元素。
5.如果子页面也是个框架页面,里面还是其它的子页面,那么上面的有些方法可能不行。
如果想关闭窗口时刷新或者想开窗时刷新的话,在<body>中调用以下语句即可。
<body onload="opener.location.reload()"> 开窗时刷新
<body onUnload="opener.location.reload()"> 关闭时刷新
//子窗口刷新父窗口
<script language=JavaScript>
self.opener.location.reload();
</script>
( 或 <a href="javascript:opener.location.reload()">刷新</a> )
1 history.go(0)
2 window.location.reload()
window.location.reload(true)
3 location=location
4 location.assign(location)
5 document.execCommand(''Refresh'')
6 window.navigate(location)
7 location.replace(location)
8 document.URL=location.href
Frame框架:
frame.html:
<frameset rows="50%,50%">
<frame name=top src="top.html">
<frame name=bottom src="bottom.html">
</frameset>
七种语句:
语句1. window.parent.frames[1].location.reload();
语句2. window.parent.frames.bottom.location.reload();
语句3. window.parent.frames["bottom"].location.reload();
语句4. window.parent.frames.item(1).location.reload();
语句5. window.parent.frames.item(''bottom'').location.reload();
语句6. window.parent.bottom.location.reload();
语句7. window.parent[''bottom''].location.reload();
top.html 页面的代码如下:
<input type=button value="刷新1" onclick="window.parent.frames[1].location.reload()">
bottom.html页面:
<body onload="alert(''我被加载了!'')">
<h1>This is the content in bottom.html.</h1>
</body>
1.window指代的是当前页面,例如对于此例它指的是top.html页面。
2.parent指的是当前页面的父页面,也就是包含它的框架页面。例如对于此例它指的是frame.html。
3.frames是window对象,是一个数组。代表着该框架内所有子页面。
4.item是方法。返回数组里面的元素。
5.如果子页面也是个框架页面,里面还是其它的子页面,那么上面的有些方法可能不行。
如果想关闭窗口时刷新或者想开窗时刷新的话,在<body>中调用以下语句即可。
<body onload="opener.location.reload()"> 开窗时刷新
<body onUnload="opener.location.reload()"> 关闭时刷新
//子窗口刷新父窗口
<script language=JavaScript>
self.opener.location.reload();
</script>
( 或 <a href="javascript:opener.location.reload()">刷新</a> )
相关文章推荐
- JavaScript模拟confirm弹出框
- js 关键字和保留字
- <转>常用正则表达式大全,手机、电话、邮箱、身份证(最严格的验证)、IP地址、网址、日期等,一般前台js验证
- 详谈javascript中的cookie
- 13款经典JavaScript图形和图表绘制工具
- js获取项目根路径
- 什么是JSON?
- PJSIP Intro - CSipSimple Compile on ubuntu
- 解密javascript模块加载器require.js
- C#应用Newtonsoft.Json.dll,控制json的时间格式
- javascript 之原型理解
- 智能社JavaScript学习笔记——13/14 - DOM操作应用 - 高级
- JS 同源策略
- javascript-学习笔记-<script> </script> 代码执行的和上一个博客相对应的
- 详谈javascript中的cookie
- 浅谈JavaScript字符串与数组
- 通过实例理解javascript中没有函数重载的概念
- JavaScript基本语法讲解
- js中函数声明与函数表达式
- 浅谈javascript中基本包装类型