2

我有那个脚本：

// ==UserScript==
// @name     example
// @include  http://xxx*
// @require  http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js
// ==/UserScript==

var findElem = function(elems, text) {
    for (var i = 0; i < elems.length; i++) {
        if (elems[i].textContent == text) {
            return elems[i];
        } else {
            var result = findElem(elems[i].children, text);
            if (result != undefined) {
                return result;
            }
        }
    }
    return;
}

switch (document.getElementById('my_id').value) {
    case "1":
        findElem(document.documentElement.children, "blabla1").click();
        break;
    case "2":
        findElem(document.documentElement.children, "blabla2").click();
        break;
    case "3":
        findElem(document.documentElement.children, "blabla3").click();
        break;
    case "4":
        findElem(document.documentElement.children, "blabla4").click();
        break;
    default:
        break;
}

它工作正常，但它只适用于主页加载。我想在通过 ajax 更改页面时运行它。我怎样才能做到这一点？

也请举例说明你的答案。我是新手。我不知道如何在你的答案中使用东西。

4

3 回答 3

3

由于浏览器的环境是事件驱动的，您必须设置一个计时器，绑定到您要查找的更新周围发生的一些事件。或者，您可以包装更新并在挂钩后调用您的代码的函数。显然，您需要将用户脚本代码包装在某个函数中以重复使用。

这是一个设置计时器的示例setInterval（脚本顶部仍然相同）：

setInterval(function(){
    switch (document.getElementById('my_id').value) {
        case "1":
            findElem(document.documentElement.children, "blabla1").click();
            break;
        case "2":
            findElem(document.documentElement.children, "blabla2").click();
            break;
        case "3":
            findElem(document.documentElement.children, "blabla3").click();
            break;
        case "4":
            findElem(document.documentElement.children, "blabla4").click();
            break;
        default:
            break;
    }
}, 1000) // if AJAX updates happen with some specific interval, set same number here to minimize useless work
于 2012-06-14T15:39:52.317 回答
1

如果您的主机使用 jQuery，那么您可以使用ajaxSuccess或ajaxComplete：

function mainCode(){
    // your script logic here ...
    switch (document.getElementById('my_id').value) {
        // truncated to save space
    }
}

$(document).ready(function(){
    mainCode();
    unsafeWindow.$(document).ajaxSuccess(function(e, xhr, opt) {
        mainCode();
    });
});
于 2012-06-15T13:19:51.697 回答
0

每次更改 html 时，您都可以使用突变事件处理程序来触发您的函数。但是，浏览器支持并不是最好的；）

于 2012-06-14T15:43:46.817 回答