javascript - 页面重新加载后运行 JS

Question

我可以在重新加载页面后运行 javascript 代码吗？

在我的例子中，我想通过 javascript: <<CODE>> 在地址栏中输入代码

多次重新加载页面并检查是否存在具有特殊 ID 的按钮并单击它。这是我的代码:

function check () {
    if(new Date().getTime >= 1442949420000) {
        var loginbtn = document.getElementById('loginbutton');

        if(loginbtn){
            loginbtn.click();
        } else {
            console.log('button not yet here - reload');
            window.location.reload();
            check();
        };
    } else {
        console.log('to early - reload');
        window.location.reload();
        check();
    };
};
check();

问题是，页面在 window.location.reload() 之后重新加载和 check()函数永远不会被调用，因此页面只会重新加载一次。

或者是否有服务将我的脚本注入(inject) url？

Answer 1

您可以将 URL 片段添加到地址栏，然后重新加载页面。因此，在重新加载之前，您将位于 http://yoursite.com/yourPage 并且在重新加载之后，您可能位于 http://yoursite.com/yourPage#reload。下面是一个简单的工作示例，用于说明这些内容:

    document.getElementById("clickMe").onclick = function clicked(){
    	window.location.hash = 'reload';
    	window.location.reload();
    }
    
    //When the document has loaded, call the function
    document.addEventListener("DOMContentLoaded", function(event) { 
    	if(window.location.hash == "#reload"){
    		console.log("The Page has been reloaded!");
    	}else{
    		console.log("The page has a new hit!");
    	}
    });

    <button id="clickMe" type='button'>click</button>

当您单击该按钮时，哈希将添加到窗口位置，然后重新加载页面，并附上 URL 片段。然后我在文档准备功能中决定页面是否已重新加载。请务必在本地进行测试。