JavaScript中页面之间跳转和打开新窗口方法汇总

使用JavaScript来实现java,Asp.nte等编程语言中页面跳转的方法有很多，

这里根据平时使用的经验总结出以下几种方法。

方法一：在当前的窗体中直接跳转到其他页面，不打开新的窗口

window.location.href="要跳转到的目标页面";  注意这里使用的是相对路径

例如：window.location.href = " /code/demo.aspx";  //在当前窗体打开demo.aspx页面

self.location.href=demo.aspx;

self指代当前窗口对象,属于window最上层的对象;   location.href 指的是某window对象的URL地址.
self.location.href是指当前窗口的URL地址,去掉self，location.href默认为当前窗口的URL地址。

<script type="text/javascript">
      window.location.href = "/code/demo.aspx"; 
     self.location.href=demo.aspx
 </script> 

方法二：navigate对象包含浏览器的相关信息，可以作为页面跳转，后面直接加要跳转的页面即可，

所有浏览器都支持该对象

 <script type="text/javascript">
      window.navigate("/code/demo.aspx");
 </script> 

方法三：在新窗体中打开指定的页面，这里会保留原窗体，打开一个新的窗体

window.open('要跳转的目标页面');

例如：window.open(' /code/demo.aspx');   ////在新窗体打开demo.aspx页面

window.history.back(-1);  //返回上一页 ，参数是负几，就后退几次。

window.open函数参数使用列表如下：

window = object.open(url,name, features)

URL：新窗口的URL地址

name：新窗口的名称，可以为空

features：属性控制字符串，在此控制窗口的各种属性，属性之间以逗号隔开。
fullscreen= { yes/no/1/0 } 是否全屏，默认no
channelmode= { yes/no/1/0 } 是否显示频道栏，默认no
toolbar= { yes/no/1/0 } 是否显示工具条，默认no
location= { yes/no/1/0 } 是否显示地址栏，默认no
directories = { yes/no/1/0 } 是否显示转向按钮，默认no
status= { yes/no/1/0 } 是否显示窗口状态条，默认no
menubar= { yes/no/1/0 } 是否显示菜单，默认no
scrollbars= { yes/no/1/0 } 是否显示滚动条，默认yes
resizable= { yes/no/1/0 } 是否窗口可调整大小，默认no
width=number 窗口宽度（像素单位）
height=number 窗口高度（像素单位）
top=number 窗口离屏幕顶部距离（像素单位）
left=number 窗口离屏幕左边距离（像素单位）

<script type="text/javascript">
//1.
 window.open("/code/demo.aspx");

//2.
 window.open('/code/demo.aspx','新窗体','height=600,width=800,top=0,left=0,toolbar=yes,menubar=yes,scrollbars=yes, 
 resizable=yes,location=yes, status=yes')
//3.void 表示返回值为空
javascript:void(window.open('/code/demo.aspx','newWindow','width=600,height=400'))
 
</script>