javascript跳转与返回和刷新页面的实例代码


Posted in Javascript onNovember 20, 2019

javascript中window.open()与window.location.href的区别

  • window.open(‘index.html') 表示新增一个窗口打开 index.html 这个页面,并不刷新
  • location.href(‘index.html') 表示在当前窗口重定向到新页面,打开并刷新 index.html 这个页面
  • window.location 是 window 对象的属性,用来替换当前页,也就是重新定位当前页

而window.open 是 window 对象的方法,是用来打开一个新窗口的函数

// 打开新页面
 // 注意:有些浏览器的安全设置会将window.open()屏蔽,例如避免弹出广告窗
 window.open('./index.html');
 // 在原窗口打开新页面
 window.location.href="./index.html";

window.open()详解

window.open ('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=n o, status=no')

参数解释: 三个参数

window.open 弹出新窗口的命令;

‘page.html' 弹出窗口的文件名;

‘newPage' 弹出窗口的名字(不是文件名),非必须,可用空''代替;

height=100 窗口高度;

width=400 窗口宽度;

top=0 窗口距离屏幕上方的象素值;

left=0 窗口距离屏幕左侧的象素值;

toolbar=no 是否显示工具栏,yes为显示;

menubar=no 是否显示菜单栏,yes为显示;

scrollbars=no 是否显示滚动栏,yes为显示;

resizable=no 是否允许改变窗口大小,yes为允许;

location=no 是否显示地址栏,yes为允许;

status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许;

常用的js返回与刷新页面

在此用a标签举例

<a href="javascript: history.back(-1)" rel="external nofollow" >返回上一页</a> 
 <a href="javascript:history.go(-1)" rel="external nofollow" >返回上一页</a> 
 <a href="javascript:history.go(-2)" rel="external nofollow" >返回前两页</a> 
 <a href="javascript:location.reload()" rel="external nofollow" >刷新当前页面</a> 
 <a href="javascript:" rel="external nofollow" onclick="self.location=document.referrer;">返回上一页并刷新</a>

js

// 刷新当前页面
 window.location.Reload();
 self.location.reload();
 window.location.href = window.location.href;

总结

以上所述是小编给大家介绍的javascript跳转与返回和刷新页面的实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

Javascript 相关文章推荐
关于B/S判断浏览器断开的问题讨论
Oct 29 Javascript
Array, Array Constructor, for in loop, typeof, instanceOf
Sep 13 Javascript
Javascript定义类(class)的三种方法详解
Mar 13 Javascript
JavaScript运行过程中的“预编译阶段”和“执行阶段”
Dec 16 Javascript
AngularJS实现Model缓存的方式
Feb 03 Javascript
jQuery选择器实例应用
Jan 05 Javascript
Mongoose实现虚拟字段查询的方法详解
Aug 15 Javascript
VUE 全局变量的几种实现方式
Aug 22 Javascript
Node.js assert断言原理与用法分析
Jan 04 Javascript
微信小程序使用npm包的方法步骤
Aug 13 Javascript
vue将data恢复到初始状态 &amp;&amp; 重新渲染组件实例
Sep 04 Javascript
Javascript Symbol原理及使用方法解析
Oct 22 Javascript
vant IndexBar实现的城市列表的示例代码
Nov 20 #Javascript
Vue中rem与postcss-pxtorem的应用详解
Nov 20 #Javascript
关于vue利用postcss-pxtorem进行移动端适配的问题
Nov 20 #Javascript
vue3.0中使用postcss-pxtorem的具体方法
Nov 20 #Javascript
基于Vue+ElementUI的省市区地址选择通用组件
Nov 20 #Javascript
解决node.js含有%百分号时发送get请求时浏览器地址自动编码的问题
Nov 20 #Javascript
Node.JS发送http请求批量检查文件中的网页地址、服务是否有效可用
Nov 20 #Javascript
You might like
浅析PKI加密解密 OpenSSL
2013/07/01 PHP
PHP实现获取域名的方法小结
2014/11/05 PHP
PHP实现上传文件并存进数据库的方法
2015/07/16 PHP
PHP基于反射机制实现插件的可插拔设计详解
2016/11/10 PHP
laravel 5.5 关闭token的3种实现方式
2019/10/24 PHP
laravel框架中表单请求类型和CSRF防护实例分析
2019/11/23 PHP
javascript之学会吝啬 精简代码
2010/04/25 Javascript
统计jQuery中各字符串出现次数的工具
2012/05/03 Javascript
js实现运动logo图片效果及运动元素对象sportBox使用方法
2012/12/25 Javascript
浅析Node.js中的内存泄漏问题
2015/06/23 Javascript
Angular实现类似博客评论的递归显示及获取回复评论的数据
2017/11/06 Javascript
用React-Native+Mobx做一个迷你水果商城APP(附源码)
2017/12/25 Javascript
vue中手机号,邮箱正则验证以及60s发送验证码的实例
2018/03/16 Javascript
Nodejs异步回调之异常处理实例分析
2018/06/22 NodeJs
使用Vue实现图片上传的三种方式
2018/07/17 Javascript
Vue核心概念Action的总结
2019/01/18 Javascript
python str与repr的区别
2013/03/23 Python
用Python进行一些简单的自然语言处理的教程
2015/03/31 Python
Python基础语法(Python基础知识点)
2016/02/28 Python
python使用fork实现守护进程的方法
2017/11/16 Python
django DRF图片路径问题的解决方法
2018/09/10 Python
详解小白之KMP算法及python实现
2019/04/04 Python
pandas DataFrame 交集并集补集的实现
2019/06/24 Python
nginx+uwsgi+django环境搭建的方法步骤
2019/11/25 Python
PyQt5中向单元格添加控件的方法示例
2020/03/24 Python
Python基于requests实现模拟上传文件
2020/04/21 Python
意大利团购网站:Groupon意大利
2016/10/11 全球购物
求职简历自我评价范例
2014/03/12 职场文书
2014年感恩节活动策划方案
2014/10/06 职场文书
财产分割协议书范本
2014/11/03 职场文书
2015年世界粮食日演讲稿
2015/03/20 职场文书
不同意离婚代理词
2015/05/23 职场文书
毕业生入职感言
2015/07/31 职场文书
JavaScript小技巧带你提升你的代码技能
2021/09/15 Javascript
使用jpa之动态插入与修改(重写save)
2021/11/23 Java/Android
js判断两个数组相等的5种方法
2022/05/06 Javascript