如何监听 location.href 这个值发生了变化？

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› D3.js

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

This topic created in 3845 days ago, the information mentioned may be changed or developed.

目前用循环判断，感觉有点....

Google 了一番，没有找到答案，来求问 V 友。

----
项目背景
一个 Chrome 插件给当前页面注入了 JS （ content script)，需要根据 URL 变化来做一些事情。

10 replies • 2016-01-07 08:57:23 +08:00

jarlyyn

Jan 6, 2016 via Android

记得有 history.js ？

Lpl

Jan 6, 2016 via Android

不能记录上一次的 location jref 么，然后做对比？

Aoliz

Jan 6, 2016

@Lpl 所以需要有个循环（ setTimeout ）一直去比较？现在就是这么做的

Biwood

Jan 6, 2016

billlee

Jan 6, 2016

onhashchange, beforeunload?
AngularJS 有这个功能，你可以看看是怎么实现的

oott123

Jan 6, 2016

href 如果是 hash 部分变了，有 hashchange
如果不是 hash 部分，页面会重新加载，有 beforeunload / unload
如果是使用 history api 改动，有 history.onpushstate / history.onpopstate

des

Jan 6, 2016

location.__defineSetter__("herf",function(){debugger;})
这样？？？

zkd8907

Jan 6, 2016

老旧版本的浏览器还是要用 setTimeout 的，新的浏览器就可以参考楼上的。

metrue

Jan 6, 2016

window.addEventListener('hashchange', function() { });

hkongm

Jan 7, 2016

historyAPI 优选，其次 hashcange 事件