window.location.hash 保存前进、后退过程中的页面链接信息

JavaScript模块加载与监控实现
最新推荐文章于 2023-07-26 14:51:57 发布
最新推荐文章于 2023-07-26 14:51:57 发布
阅读量504 收藏
点赞数
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/ajian11/article/details/82504582
本文详细介绍了如何使用JavaScript编写代码来实现模块加载状态的监控，并通过特定的函数和正则表达式解析URL中的参数，进而展示加载过程及设置默认加载选项。
<script type="text/javascript">
        window.onload = OnHash;
function OnHash()
 {
var monitorHash = window.location.hash; 
var sIndex = monitorHash.match("[^#MonitorTabIndex=][0-9]*"); 
  if (parseInt(sIndex) > 0) { displayModule(sIndex); alert(monitorHash); 
 } 

function setMonitorTabIndex() { window.location.hash = "MonitorTabIndex=1";return true; }
</script> 
 

ajian11
关注
[removed].hash 使用说明
12-09
通过`window.location.hash = hash`，我们可以改变URL的hash部分，使得浏览器的前进和后退按钮可以正常工作。这是因为每次改变hash值时，浏览器都会认为这是一个新的“历史记录”，尽管实际页面内容并未改变。这种...
window.location.hash 使用说明
时清云的博客
08-16 1287
location是javascript里边管理地址栏的内置对象，比如location.href就管理页面的url，用location.href=url就可以直接将页面重定向url。而location.hash则可以用来获取或设置页面的标签值。比如http://domain/#admin的location.hash=”#admin”。利用这个属性值可以做一个非常有意义的事情。window.locati
window.location.hash使用总结
边城的专栏
02-25 7818
如果a的name和页面中某个元素的id同名的话，在Safari、Chrome浏览器中会跳到id元素的位置，在IE中则会跳到a元素的位置 可以使用jQuery的haschange事件来侦听浏览器点击后退时的hash变化的事件. $(window).bind('hashchange', function () { // }); 不过以上方案在IE浏览器只能支持到IE8
关于window.location.hash的理解及其应用
zhuchuji的博客
02-25 8352
location.hash的理解
window.location.hash和window.location.search和window.location.href的区别
Gx754649的博客
07-26 1383
window.location.hash和window.location.search和window.location.href的区别
js window.location.hash 的作用
qq_68155756的博客
03-28 755
1. 它的返回结果就是路径中#后面的部分； 2. 也可以对它重写，如，那么路径中#后面的地址也会变成#optimized； 3. 局部刷新，就是只刷新#后面的路由部分，而不用整个页面刷新； 4.实现页面导航：通过 URL 的锚点部分，实现网页内部导航效果，比如实现页面内部跳转等，window.location.hash 的跳转会被浏览器记录，也就是说可以点击返回上一步； 在早期版本的 Vue.js 中，使用了window.location.hash来实现路由跳转，但是在后续版本中，
js 页面刷新location.reload和location.replace的区别小结.docx
01-19
location.replace() 方法用于通过指定 URL 替换当前缓存在历史里的项目，因此当使用 replace 方法之后，你不能通过“前进”和“后退”来访问已经被替换的 URL。语法：location.replace(URL)。 在实际应用中，如果...
this.$router.push(value) 跟 window.location.href
最新发布
08-16
在 Vue 单页应用（SPA）中，路由跳转主要有两种方式：**Vue Router 的编程式导航**（如 `push` 方法）和**传统的页面跳转**（如 `window.location.href`）。以下是核心区别： | **特性** | **Vue Router `push` ...
Vue 禁用浏览器的前进后退操作
10-14
在Vue应用程序中，有时我们需要控制浏览器的前进后退（前进/后退按钮）操作，以满足特定的用户体验需求。在本文中，我们将深入探讨如何在Vue中禁用或管理这些功能，以及与`history`对象相关的一些核心概念。 首先，...
window.location.hash
ty13438189519的博客
06-23 444
location是javascript里边管理地址栏的内置对象，比如location.href就管理页面的url，用location.href=url就可以直接将页面重定向url。而location.hash则可以用来获取或设置页面的标签值。比如http://domain/#admin的location.hash=”#admin”。利用这个属性值可以做一个非常有意义的事情。很多人都喜欢收藏网页，以便
window.location.hash详解
lhy_luan
02-24 9727
本文引用来源[http://www.cnblogs.com/yeer/archive/2013/01/21/2869827.html]一、#的涵义代表网页中的一个位置。其右面的字符，就是该位置的标识符。比如，　　http://www.example.com/index.html#print就代表网页index.html的print位置。浏览器读取这个URL后，会自动将print位置滚动至可视区域。为
window.location.href和window.location.hash的区别
热门推荐
liwusen的博客
07-11 2万+
综：window.location.href表示重定向，后面跟着的是完整的url地址，与其相似的还有window.location.hash， 下面来比较window.location.href和window.locaiton.hash的区别。        （1）window.location.href                 得到和使用的是完整的url，比如window.
小发现之location.search与location.hash问题
weixin_30852419的博客
06-22 354
背景 用过Vue Router的童鞋应该对路由传参的方式多多少少有些印象，Vue Router支持两种传参方式：query与params；其中query方式就是动态地在路由url后面追加参数，就是http的get请求方式；那Vue Router与location的search和hash有什么关系呢？ 正题 首先我们先来看一下query方式传参 路由A 1 // 跳转到det...
js 中的window.location.search.match("XX")
zc707212993的专栏
04-29 2349
js代码： //根据QueryString参数名称获取值 function QueryStringByName(name){ //location对象包含当前有关的URL信息，location是window对象的一部分，可用window.location访问 //search是一个可读可写的属性，可设置或返回当前URL的查询部分（问号？之后的部分） //match()
js 中的window.location.search.match()页面间的传阐述
mr_liu_easy_ios的博客
11-25 1万+
通常我们2个界面的切换传值会通过html的链接传参数。 测试abcd.html?name=xyz应该弹出xyz 当我们在跳转后的界面拿到值的时候。就需要读取参数，这个时候我可以根据正则表达式去读取。 function getQueryString(name) { var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i'
window.location传递参数
大灰狼的小绵羊哥哥的博客
08-04 1万+
$('#btn1').on('click',function(){ var textValue = $('#text1').val(); window.location.href = '2.html#&value_='+textValue; }) $(function(){ var value = getHash('
解决使用window.open()或window.location.href跳转后返回/后退原页面不能再度跳转的问题
vvv3171071的博客
11-24 1万+
使用window.open()搭配参数_self(新页面替换当前页面)，或使用window.location.href跳转到新页面后，再点击后退到原页面，再重新进行跳转事件时，页面不仅没有进行跳转，且没有任何反应（控制台无错误信息）。 说得笼统一点，这是因为第一次跳转时window.open()或window.location.href已经记录过一个要跳转的值了，跳转或后退到原页面时，该值没有被清空，再次执行事件时自然会没有反应。 思路： 定义一个全局变量记录window.open()打开的窗体 如过该.
页面前进、页面后退、页面跳转的方法
杜永康的博客
10-30 2883
页面前进，页面后退，本质上也是页面跳转。这是一个宽泛的概念，看个人怎么理解了。不过不管是页面的前进，后退，还是跳转到另一个页面，这都属于在浏览器里进行的操作。以下是我关于页面前进，页面后退，页面跳转的学习笔记，对于js初学者会比较有用。window.location.href='页面链接'window.open('页面链接')
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值