每篇文章仅做为自己的备忘笔记,若有描述不清或不对的地方还请指明,感谢^_^

转跳到指定页面的几种方式

1、window.location.href(前往新的路径,比较常用的转跳方式)

直接转跳:

window.location.href='http://www.baidu.com';

也可以获取当前网页的地址:

document.getElementById("demo").innerHTML = "页面位置是 " + window.location.href;

2、window.location.replace(载入新文档替换当前页面,返回键将失效)

window.location.replace("https://www.runoob.com")

3、window.history.back(-1)(返回上一面)

window.history.back(-1)

4、window.location.reload();(页面刷新)

window.location.reload();

5、javascript:window.open;(打开新页面)

window.open 是 javaScript 打开新窗口的方法,在前面加上 javascript: 是用于 a 标签的超链接调用 js 方法。
1、window.open 基本语法:
  window.open(pageURL,name,parameters);
2、具体示例:
  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')
3、相关参数说明:
  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为允许;
posted @ 2019-11-30 14:07  菜汤不甜  阅读(1650)  评论(0编辑  收藏  举报