JS页面跳转的几种方法

在我们写页面时经常会遇到,页面跳转的问题,今天收集整理了一些方法,仅供参考!

发布者:IT人在线 | 发表时间:2021-1-26 9:08:56

 第一种,在当前页面直接跳转:

 <script language="JavaScript" type="text/javascript">
window.location.href="http://www.itrzx.com";     //在同当前窗口中打开窗口
</script>
第二种,在新窗口打开
<script language="JavaScript" type="text/javascript">
window.open("http://www.itrzx.com");                 //在另外新建窗口中打开窗口
</script>
第三种,返回到历史页面
   <script language="javascript">
alert("返回");
window.history.back(-1);
   </script>
 
应用在实际需求中:
按钮式:
<inpue name="pclog" type="button" value="/Go" onClick="location.href='连接地
 
址'">
链接式:<a href="javascript:history.go(-1)">返回上一页</a>
<a href="<%=Request.ServerVariables("HTTP_REFERER")%>">返回上一页</a>
直接跳转式:
<script>window.location.href='连接地址';</script>
开新窗口:
<a href="/javascript:" onClick="window.open
 
('http://www.itrzx.com','','height=500,width=611,scrollbars=yes,status 
 
=yes')">123</a>
 
 
 
<script>  
<!--  
window.open  
 
('new.html','newwindow','height=100,width=400,top=0,left=0,toolbar=no,menub
 
ar=no,scrollbars=no,  
 
resizable=no,location=no, status=no')  
//写成一行  
-->  
</script> 
 
  脚本运行后,page.html将在新窗体newwindow中打开,宽为100,高为400,距屏顶0象
 
素,屏左0象素,无工
 
具条,无菜单条,无滚动条,不可调整大小,无地址栏,无状态栏。请对照。 
  上例中涉及的为常用的几个参数,除此以外还有很多其他参数,请见四。 
 
各项参数 
  其中yes/no也可使用1/0;pixel value为具体的数值,单位象素。 
 
参数 | 取值范围 | 说明  
 
alwaysLowered | yes/no | 指定窗口隐藏在所有窗口之后  
alwaysRaised | yes/no | 指定窗口悬浮在所有窗口之上  
depended | yes/no | 是否和父窗口同时关闭  
directories | yes/no | Nav2和3的目录栏是否可见  
height | pixel value | 窗口高度  
hotkeys | yes/no | 在没菜单栏的窗口中设安全退出热键  
innerHeight | pixel value | 窗口中文档的像素高度  
innerWidth | pixel value | 窗口中文档的像素宽度  
location | yes/no | 位置栏是否可见  
menubar | yes/no | 菜单栏是否可见  
outerHeight | pixel value | 设定窗口(包括装饰边框)的像素高度  
outerWidth | pixel value | 设定窗口(包括装饰边框)的像素宽度  
resizable | yes/no | 窗口大小是否可调整  
screenX | pixel value | 窗口距屏幕左边界的像素长度  
screenY | pixel value | 窗口距屏幕上边界的像素长度  
scrollbars | yes/no | 窗口是否可有滚动栏  
titlebar | yes/no | 窗口题目栏是否可见  
toolbar | yes/no | 窗口工具栏是否可见  
Width | pixel value | 窗口的像素宽度  
z-look | yes/no | 窗口被激活后是否浮在其它窗口之上