監控 url fragment變化的js代碼

2024-05-06 14:10:19

字體：大中小

來源：轉載

供稿：網友

當然，頁面最好不要刷新，但是，拷貝一下瀏覽器的鏈接，又希望是下次能定位到你播發的那個視頻。方法很簡單，改變一下 url 的 fragment 就可以了。

監聽fragment 的變化是這類編程的核心。在主流的瀏覽器(IE firefox)里面都有一個 onhashchange 的事件監聽 fragment 的變化。
但是，他們的行為有些差異。在IE8 以前的 IE版本里面，當 window.location 對象迅速變化的情況下，onhashchange 不會觸發，非常奇怪的bug。

下面我寫的 onhashchange 事件沒有瀏覽器的差異。并且加入了一個功能，頁面初始化的時候，如果 url 中有 fragment ，也觸發一下
onhashchange 事件。

代碼如下:
function addFragmentChangeEvent(callback)
{
var source = document.URL;
var url = source.split("#")[0];
if (window.location.hash)
{
var base_hash = "#____base____hash____";//改變hash，使得頁面初始化的時候觸發一下事件函數。
window.location = url + base_hash;
}
var prevHash = window.location.hash;
window.setInterval(
function()
{
if (window.location.hash != prevHash)
{
prevHash = window.location.hash;
callback(prevHash);
}
}, 100);
if (window.location.hash)
{
window.location = source;
}
}

其實這個技巧是js 中間常用的技巧，模擬一個事件的作用。

上一篇：Javascript Event事件中IE與標準DOM的比較

下一篇：基于jquery的超簡單上下翻