如何通過window.location更改URL後運行代碼？

Question

我這樣做，但它不工作：

window.addEventListener("load", function load(event){ 
    alert('hola'); 
},false); 

window.location.assign("about:blank"); 

這是一個Greasemonkey的腳本。新位置已加載，但警報從不顯示。

Answer 1

通過僅更改URL的哈希（或片段）的一部分，然後做什麼是你想做的事，這樣的：

window.location.assign("#hello") 
alert("hola") 

或這樣的：

window.location.hash = "world" 
alert("mondo") 

如果文檔已經加載，onload將不會再次觸發，因此您無法從load事件中運行它。 HTML5，提供了一個hashchange的事件，你可以使用，因此：

window.addEventListener("hashchange", function (event){ 
    alert('change'); 
},false); 

一些JavaScript庫（我知道道場一樣）實施hashchange或用於非HTML5的瀏覽器等效。爲了利用這一點，您需要使用該庫的約定來註冊事件。

Answer 2

更改window.location後，將清除Greasemonkey腳本的當前實例。要在位置更改後「運行代碼」，您需要將腳本設置爲在新頁面上觸發（在這種情況下爲about:blank），然後使用標誌通過重定向原始頁面的腳本表示已到達新頁面。

1. 確保腳本的@include或@match指令在新頁面上觸發。
2. 使用GM_setValue()來設置標誌讓腳本知道它已被故意轉世。

這是一個完整的，工作腳本，說明了過程：當然

// ==UserScript== 
// @name  _Fire after redirect to about:blank 
// @include about:blank 
// @include http://YOUR_SERVER.COM/YOUR_PATH/* 
// @require http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js 
// @grant GM_setValue 
// @grant GM_getValue 
// @grant GM_deleteValue 
// ==/UserScript== 

//-- Are we on a blank page after a redirect by this script? 
var bAfterRedirect = GM_getValue ("YouHaveBeenRedirected", false); 

//-- Always erase the stored flag. 
GM_deleteValue ("YouHaveBeenRedirected"); 

if (bAfterRedirect && location == 'about:blank') { 
    //-- DO WHATEVER YOU WANT WITH THE BLANK/NEW PAGE HERE. 
    $("body").append (
     '<h1>This content was added after a GM redirect.</h1>' 
    ); 
} 
else if (location != 'about:blank') { 
    /*-- If we are on the original target page, signal our next incarnation 
     that it was triggered by a redirect. Then redirect to about:blank. 
    */ 
    GM_setValue ("YouHaveBeenRedirected", true); 
    location.assign ("about:blank"); 
}