关于javascript跳转与返回和刷新页面 - 蓝蓝设计_UI设计公司

帝皇彩票官网

追求卓越一诺千金

蓝蓝设计,2011年成立,主创清华团队,专注软件和互联网ui设计开发。擅长企业信息化管理、监控、大数据软件UIUE咨询和设计开发服务。立足UI,好好学习,天天进步!


关于javascript跳转与返回和刷新页面

2020-2-18 释然 前端及开发文章及欣赏


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


js


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

标签: 关于javascript跳转与返回和刷新页面 « html+css基础教程入门篇之css选择器详细解读 | 耍好控件 | 了解图标落地,让前端再爱你一次»


蓝蓝 http://www.bjhbys.com

  1. 2020年3月(29)
  2. 2020年2月(60)
  3. 2020年1月(32)
  4. 2019年12月(50)
  5. 2019年11月(61)
  6. 2019年10月(49)
  7. 2019年9月(48)
  8. 2019年8月(58)
  9. 2019年7月(58)
  10. 2019年6月(58)
  11. 帝皇彩票官网2019年5月(31)
  12. 2019年4月(37)
  13. 2019年3月(43)
  14. 2019年2月(25)
  15. 2019年1月(45)
  16. 2018年12月(41)
  17. 2018年11月(40)
  18. 2018年10月(29)
  19. 2018年9月(40)
  20. 2018年8月(87)
  21. 2018年7月(107)
  22. 2018年6月(86)
  23. 2018年5月(110)
  24. 2018年4月(40)
  25. 2018年3月(35)
  26. 2017年8月(35)
  27. 2017年7月(45)
  28. 2017年6月(7)
  29. 2017年5月(27)
  30. 帝皇彩票官网2017年4月(51)
  31. 2017年3月(70)
  32. 2017年2月(65)
  33. 2017年1月(69)
  34. 2016年12月(55)
  35. 2016年11月(111)
  36. 2016年10月(92)
  37. 2016年9月(53)
  38. 2016年8月(9)
  39. 2016年7月(4)
  40. 2016年6月(9)
  41. 帝皇彩票官网2016年3月(19)
  42. 2016年2月(26)
  43. 2016年1月(30)
  44. 2015年12月(33)
  45. 2015年11月(35)
  46. 2015年10月(46)
  47. 帝皇彩票官网2015年9月(43)
  48. 2015年8月(40)
  49. 2015年7月(33)
  50. 2015年6月(46)
  51. 2015年5月(58)
  52. 2015年4月(70)
  53. 2015年3月(55)
  54. 2015年2月(17)
  55. 2015年1月(33)
  56. 2014年12月(21)
  57. 2014年11月(84)
  58. 2014年10月(94)
  59. 2014年9月(6)
  60. 2014年8月(1)
  61. 2014年7月(13)
  62. 2014年6月(66)
  63. 2014年5月(99)
  64. 2014年4月(88)
  65. 2014年3月(102)
  66. 2014年2月(68)
  67. 2014年1月(83)
  68. 2013年12月(106)
  69. 2013年11月(112)
  70. 2013年10月(61)
  71. 2013年9月(20)
  72. 2013年7月(13)
  73. 2013年6月(27)
  74. 2013年5月(48)
  75. 2013年4月(39)
  76. 2013年3月(8)
  77. 2013年2月(20)
  78. 2013年1月(31)
  79. 2012年12月(33)
  80. 2012年11月(31)
  81. 2012年10月(23)
  82. 2012年9月(8)
  83. 2012年7月(14)
  84. 2012年6月(15)
  85. 2012年5月(31)
  86. 2012年4月(24)
  87. 2012年2月(4)
  88. 2012年1月(8)
  89. 2011年12月(35)
  90. 2011年11月(32)
  91. 2011年10月(13)
  92. 2011年8月(1)
  93. 2011年6月(1)
订阅Rss
财神汇彩票计划群 大象彩票APP 桔子彩票平台 状元彩票开奖 吉利彩票投注 状元彩票开奖 状元彩票官网 博发彩票APP下载 迪士尼彩乐园 桔子彩票注册