html页面跳转返回不要刷新,javascript跳转与返回和刷新页面的实例代码
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标签举例
返回上一页
返回上一页
返回前两页
刷新当前页面
返回上一页并刷新
js
// 刷新当前页面
window.location.Reload();
self.location.reload();
window.location.href = window.location.href;
总结
以上所述是小编给大家介绍的javascript跳转与返回和刷新页面的实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!
html页面跳转返回不要刷新,javascript跳转与返回和刷新页面的实例代码相关推荐
- php脚本判断页面刷新,javascript判断网页是关闭还是刷新
原理就是通过离开页面行为时间onunload触发时间去检测此时的浏览器的窗口大小,根据大小由此判断用户是刷新,跳转或是关闭行为程序 代码如下 window.onunload = function(){ ...
- (其他页面问题)基于HTML+CSS+JavaScript的网页项目大作业其他页面部分(含前后端,Jquery,Bootstrap,Animate.css,Node等)
文章目录 平台网页 设计思路 开始所想: 实际开发过程 css代码 Html代码 运营网页设计 设计思路: css代码 Html代码 JS代码 登录页面设计 Logo部分 设计思路 开始所想 实际开发 ...
- html切换搜索引擎,关于JavaScript如何切换搜索引擎的导航网页搜索框的实例代码分享...
这篇文章主要介绍了javascript切换搜索引擎的导航网页搜索框的实例代码,非常不错,具有参考借鉴价值 ,需要的朋友可以参考下 废话不多说了,直接给大家贴代码了,具体代码如下所述: #search ...
- 关于javascript跳转与返回和刷新页面
javascript中window.open()与window.location.href的区别 window.open('index.html') 表示新增一个窗口打开 index.html 这个页 ...
- html5返回上一页不刷新,javascript解决在safari浏览器中使用history.back()返回上一页后页面不会刷新的问题...
我们知道,在JavaScript中提供了一个window.history.back()方法用于返回上一页,另外也可以使用window.history.go(-1)返回上一页(跳转). 在其他的主流浏览 ...
- h5页 点击返回时关闭_H5页面监听浏览器关闭、刷新、跳转时提示之onbeforeunload和onunload事件...
在H5页面中一些场景情况下防止表单数据丢失或者防止用户意外跳走页面,通过js进行监听提示用户,通过onbeforeunload事件和onunload事件实现. onbeforeunload和onunl ...
- Javascript跳转页面和打开新窗口等方法
1.在原来的窗体中直接跳转用 window.location.href="你所要跳转的页面"; 2.在新窗体中打开页面用: window.open('你所要跳转的页面'); win ...
- 手撸SSO单点登录(五)登录验证-OA系统页面刷新或者跳转新OA系统页面
目标 上一章节手撸SSO单点登录(四)登录验证-首次登录已经成功登陆并且跳转至OA系统,当OA系统刷新,或者OA系统打开其他菜单是怎么实现无需登陆,直接验证通过,跳转页面或者刷新页面. 视频详细讲解 ...
- javascript跳转页面
第一种: <script language="javascript" type="text/javascript"> window. ...
最新文章
- 雅虎中国弃门户回归搜索 推出新搜索产品线
- Vmware 下安装Arch Linux
- Flask+geventwebsocket实现群聊与单聊功能
- Python使用aiohttp异步爬取糗事百科
- MySQL删库数据延迟恢复策略
- 纳税服务系统八【系统、子系统首页】
- 转载:Django之Form组件
- php怎么写官网,PHP - Manual: 简介 (官方文档)
- 话里话外:从“种房子”谈流程与制度的差别
- HeadFirstJava 10数字与静态
- mac安装完smartsvn后没有将其拖入应用程序的解决方案
- 三角脉冲信号的表达式_三角形脉冲信号怎么用斜变信号表示?为什么当t=τ时,图上的线是连下来的...
- 首款国产8K 50P小型化广播级摄像机惊喜亮相冬季冰雪体育盛会
- 【汇正财经】电网设备,享受改革的硕果
- 勇敢的心——感动内德
- 海康威视视频ocx控件开发总结
- 如何使用Tenderly在Moonbeam上构建更优秀的Dapp
- Instagram API平台文档
- 简易的图形化编程软件Scratch
- 智联招聘发布Q3 平均薪酬报告;价值 13 亿的元宇宙,一天只有38个活跃用户;统一充电接口或让苹果每年损失百亿 | EA周报...
热门文章
- 无人车自动驾驶指南与总结
- solrcloud mysql_solrcloud使用中遇到的问题及解决方式
- java replace会替换吗,java replace replaceAll 替换字符串的用法和区别实例
- Kafka中的这只“千里眼”,你需要知道
- 各大安卓应用/APP商店上架申请地址以及注意事项
- pyqt5写代码流程
- PSD文件创建Unity 界面预设,精灵预设 PSD直接转换unity 对象
- Win7 + VirtualBox安装Mac OS X雪豹操作系统图文详解
- 关于货币兑换的循环语句和函数调用
- pushplus 开放接口文档