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

朱雀 2020-10-31 17:12 806阅读 0赞

使用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地址。

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

**所有浏览器都支持该对象**

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

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 窗口离屏幕左边距离（像素单位）