js控制页面跳转的多种实现方法

在当前窗口中打开页面

  1. 超链接: 欢迎光临
    等效于js代码 : window.location.href="http://www.xxx.com"; //在当前窗口中打开窗口

新建窗口打开页面

  1. 超链接:欢迎光临
    等效于js代码: window.open("http://www.xxx.com"); //在新建窗口中打开页面
这是网站

返回上一步

  1. 超链接:返回上一步
    等效于js代码:window.history.back(-1);

其他直接页面跳转的写法:




常见用法:

按钮式:
链接式:返回上一页
直接跳转式:
开新窗口:123
或:

 

脚本运行后,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 | 窗口被激活后是否浮在其它窗口之上

隔多少秒后自动跳转到其它页(js脚本) 第一种实现方式

标签之间加入以下代码js:


然后在里面加上 此处index.asp为自己要跳转的页面。
之间加上

隔多少秒后自动跳转到其它页(js脚本) 第二种实现方式

系统将在 5 秒钟后自动跳转至新网址,如果未能跳转,请点击

你可能感兴趣的:(js控制页面跳转的多种实现方法)