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 相关文章推荐
实用的Jquery选项卡TAB示例代码
Aug 28 Javascript
今天是星期几的4种JS代码写法
Sep 17 Javascript
Jquery的Tabs内容轮换效果实现代码,几行搞定
Feb 12 Javascript
JavaScript+CSS实现的可折叠二级菜单实例
Feb 29 Javascript
javascript的document中的动态添加标签实现方法
Oct 24 Javascript
js编写的treeview使用方法
Nov 11 Javascript
vue.js 底部导航栏 一级路由显示 子路由不显示的解决方法
Mar 09 Javascript
webpack4.0打包优化策略整理小结
Mar 30 Javascript
vue项目前端错误收集之sentry教程详解
May 27 Javascript
通过扫小程序码实现网站登陆功能
Aug 22 Javascript
vue中的 $slot 获取插槽的节点实例
Nov 12 Javascript
在antd Table中插入可编辑的单元格实例
Oct 28 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
php简单实现MVC
2015/02/05 PHP
php魔术函数__call()用法实例分析
2015/02/13 PHP
php支持中文字符串分割的函数
2015/05/28 PHP
PHP实现简单登录界面
2019/10/23 PHP
Javascript 个人笔记(没有整理,很乱)
2007/07/07 Javascript
[推荐]javascript 面向对象技术基础教程
2009/03/03 Javascript
javascript小数计算出现近似值的解决办法
2010/02/06 Javascript
jQuery中replaceAll()方法用法实例
2015/01/16 Javascript
在JS方法中返回多个值的方法汇总
2015/05/20 Javascript
跟我学习javascript的异步脚本加载
2015/11/20 Javascript
谈谈Vue.js——vue-resource全攻略
2017/01/16 Javascript
利用js判断手机是否安装某个app的多种方案
2017/02/13 Javascript
详解React中的组件通信问题
2017/07/31 Javascript
使用3D引擎threeJS实现星空粒子移动效果
2020/09/13 Javascript
基于vue-cli搭建多模块且各模块独立打包的项目
2019/06/12 Javascript
layui layer select 选择被遮挡的解决方法
2019/09/21 Javascript
Python实现的飞速中文网小说下载脚本
2015/04/23 Python
解决python使用open打开文件中文乱码的问题
2017/12/29 Python
Python使用pyautogui模块实现自动化鼠标和键盘操作示例
2018/09/04 Python
tensorflow图像裁剪进行数据增强操作
2020/06/30 Python
HTML+CSS3模拟心的跳动实例代码
2017/09/05 HTML / CSS
css3 仿写阿里云水纹效果的示例代码
2018/02/10 HTML / CSS
详解canvas.toDataURL()报错的解决方案全都在这了
2020/03/31 HTML / CSS
房地产出纳岗位职责
2013/12/01 职场文书
母亲节演讲稿范文
2014/01/02 职场文书
加拿大探亲邀请信
2014/01/28 职场文书
物业管理工作方案
2014/05/10 职场文书
电子专业求职信
2014/06/19 职场文书
乡镇综治宣传月活动总结
2014/07/02 职场文书
2015年村计划生育工作总结
2015/04/28 职场文书
2015年车间主任工作总结
2015/05/21 职场文书
拥有这5个特征人,“命”都不会太差
2019/08/16 职场文书
导游词之杭州西湖
2019/09/19 职场文书
如何用PHP websocket实现网页实时聊天
2021/05/26 PHP
用Python将GIF动图分解成多张静态图片
2021/06/11 Python
Java tomcat手动配置servlet详解
2021/11/27 Java/Android