js页面刷新和跳转

Javascript 页面跳转：

1. Javascript 返回上一页 history.go(-1), 返回两个页面: history.go(-2);

   1. history.back().

   2. window.history.forward()返回下一页

   3. window.history.go(返回第几页,也可以使用访问过的URL)

   4. window.location.href=“” 跳到指定页面

例:
向上一页

---

js打开新的页面：

js下有window.location和window.open的不同实现方法

window.location = “http://www.xxxxxxxx.net” 跳转后有后退功能
其实应该是 window.location.href

window.location.replace(“http://www.xxxxxxxx.net“) 跳转后没有后退功能

window.open(“http://www.xxxxxxxx.net“) 要新的窗口打开链接
这个一般用于简单的弹出页面，现在基本上都被屏蔽掉了

经过设置后的弹出窗口
window.open(‘page.html’, ‘newwindow’, ‘height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no’) //该句写成一行代码
参数解释：
window.open 弹出新窗口的命令；
　　‘page.html’ 弹出窗口的文件名；
　　‘newwindow’ 弹出窗口的名字（不是文件名），非必须，可用空”代替；
　　height=100 窗口高度；
　　width=400 窗口宽度；
　　top=0 窗口距离屏幕上方的象素值；
　　left=0 窗口距离屏幕左侧的象素值；
　　toolbar=no 是否显示工具栏，yes为显示；
　　menubar，scrollbars 表示菜单栏和滚动栏。
　　resizable=no 是否允许改变窗口大小，yes为允许；
　　location=no 是否显示地址栏，yes为允许；
　　status=no 是否显示状态栏内的信息（通常是文件已经打开），yes为允许；

---

js页面刷新：

1. history.go(0)
2. location.reload()
3. location.replace(location)

reload 方法，该方法强迫浏览器刷新当前页面。
语法： location.reload([bForceGet])
参数： bForceGet， 可选参数， 默认为 false，从客户端缓存里取当前页。true, 则以 GET 方式，从服务端取最新的页面, 相当于客户端点击 F5(“刷新”) 。

replace 方法，该方法通过指定URL**替换**当前缓存在历史里（客户端）的项目，因此当使用replace方法之后，你不能通过“前进”和“后退”来访问已经被替换的URL。

在实际应用的时候，重新刷新页面的时候，我们通常使用： location.reload() 或者是 history.go(0) 来做。因为这种做法就像是客户端点F5刷新页面，所以页面的method=”post”的时候，会出现“网页过期”的提示。那是因为Session的安全保护机制。
可以想到： 当调用 location.reload() 方法的时候， aspx页面此时在服务端内存里已经存在， 因此必定是 IsPostback 的。如果有这种应用： 我们需要重新加载该页面，也就是说我们期望页面能够在服务端重新被创建， 我们期望是 Not IsPostback 的。这里，location.replace() 就可以完成此任务。
被replace的页面每次都在服务端重新生成。你可以这么写： location.replace(location.href)

---

自动刷新页面:

1. 页面自动刷新：把如下代码加入区域中 ：

<meta http-equiv="refresh" content="20"> 
其中20指每隔20秒刷新一次页面.

2.页面自动跳转：把如下代码加入区域中：

<meta http-equiv="refresh" content="20;url=http://www.javaeye.com"> 
其中20指隔20秒后跳转到http://www.javaeye.com/页面

3.页面自动刷新js版：

<script language="JavaScript"> 
function myrefresh() 
{ 
       window.location.reload(); 
} 
setTimeout('myrefresh()',1000); //指定1秒刷新一次 
</script>