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 相关文章推荐
利用腾讯的ip地址库做ip物理地址定位
Jul 24 Javascript
Json字符串转换为JS对象的高效方法实例
May 01 Javascript
javascript替换已有元素replaceChild()使用介绍
Apr 03 Javascript
JavaScript数组迭代器实例分析
Jun 09 Javascript
jQuery EasyUI 菜单与按钮之创建简单的菜单和链接按钮
Nov 18 Javascript
基于jQuery Easyui实现登陆框界面
Jul 10 jQuery
在 Node.js 中使用 async 函数的方法
Nov 17 Javascript
Node.js上传文件功能之服务端如何获取文件上传进度
Feb 05 Javascript
js实现带搜索功能的下拉框
Jan 11 Javascript
压缩Vue.js打包后的体积方法总结(Vue.js打包后体积过大问题)
Feb 03 Javascript
node脚手架搭建服务器实现token验证的方法
Jan 20 Javascript
Web应用开发TypeScript使用详解
May 25 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
解决phpmyadmin 乱码,支持gb2312和utf-8
2006/11/20 PHP
ThinkPHP有变量的where条件分页实例
2014/11/03 PHP
jquery form 隐藏的input 选择
2014/04/29 Javascript
JavaScript中获取鼠标位置相关属性总结
2014/10/11 Javascript
jquery获取多个checkbox的值异步提交给php
2015/07/07 Javascript
详解ECharts使用心得总结
2016/12/06 Javascript
微信小程序 label 组件详解及简单实例
2017/01/10 Javascript
NodeJs测试框架Mocha的安装与使用
2017/03/28 NodeJs
浅谈AngularJS中使用$resource(已更新)
2017/09/14 Javascript
在vue中封装可复用的组件方法
2018/03/01 Javascript
Vue 将后台传过来的带html字段的字符串转换为 HTML
2018/03/29 Javascript
JS实现随机生成10个手机号的方法示例
2018/12/07 Javascript
详解微信小程序实现仿微信聊天界面(各种细节处理)
2019/02/17 Javascript
vue项目中锚点定位替代方式
2019/11/13 Javascript
Node.js操作MongoDB数据库实例分析
2020/01/19 Javascript
微信小程序开发打开另一个小程序的实现方法
2020/05/17 Javascript
Antd中单个DatePicker限定时间输入范围操作
2020/10/29 Javascript
python从ftp下载数据保存实例
2013/11/20 Python
python中使用urllib2伪造HTTP报头的2个方法
2014/07/07 Python
python计算方程式根的方法
2015/05/07 Python
python 对txt中每行内容进行批量替换的方法
2018/07/11 Python
pycharm 2019 最新激活方式(pycharm破解、激活)
2020/09/22 Python
Python requests及aiohttp速度对比代码实例
2020/07/16 Python
PyCharm2020.1.1与Python3.7.7的安装教程图文详解
2020/08/07 Python
使用postMessage让 iframe自适应高度的方法示例
2019/10/08 HTML / CSS
意大利团购网站:Groupon意大利
2016/10/11 全球购物
伦敦新晋轻奢耳饰潮牌:Tada & Toy
2020/05/25 全球购物
捷克多品牌在线时尚商店:ANSWEAR.cz
2020/10/03 全球购物
乌克兰巴士票购买网站:inBus
2021/03/12 全球购物
军校制空专业毕业生自我鉴定
2013/11/16 职场文书
医学生自荐信
2013/12/03 职场文书
运动会通讯稿300字
2014/02/02 职场文书
化学教育专业自荐信
2014/07/04 职场文书
thinkphp 获取控制器及控制器方法
2021/04/16 PHP
python中字符串String及其常见操作指南(方法、函数)
2022/04/06 Python