Question

当在脚本中使用以下代码时，e

总是为空

var e = document.evaluate(xpath, document, null, XPathResult.ANY_TYPE, null).iterateNext();

但是在Chrome控制台中使用此命令，e可以获得正确的值，为什么会发生这种情况？

以下是js文件和html文件的完整代码

test.js

function testClick(xpath){
var e = document.evaluate(xpath, document, null, XPathResult.ANY_TYPE, null).iterateNext();
// var a = e.iterateNext();
if(document.createEvent){
    var event = document.createEvent('MouseEvents');
    event.initEvent('click', true, false);
    e.dispatchEvent(event);
}
else if(document.createEventObject){
    e.fireEvent('onclick');
}
}


var xpath = "(//a[@href='./detail.html'])[1]";
setTimeout(testClick(xpath), 3000);

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <script type="text/javascript" src="../js/test.js"></script>
</head>
<body>
    <ul>
        <li class="carmen-li"><a href="./detail.html">1</a></li>
        <li><a href="./detail.html">2</a></li>
        <li><a href="./detail.html">3</a></li>
    </ul>
</body>
</html>

Answer 1

问题解决了。

这个，下面的代码工作，似乎无法直接在window.onload中调用带参数的方法。

当在window.onload中使用参数调用方法时，它将在window.onload之前执行此方法，因此元素在方法执行时没有完成加载，因此它将返回null。

function testClickWithParam(xpath){
    var e = document.evaluate(xpath, document, null, XPathResult.ANY_TYPE, null).iterateNext();

    if(document.createEvent){
        var event = document.createEvent('MouseEvents');
        event.initEvent('click', true, false);
        e.dispatchEvent(event);
    }
    else if(document.createEventObject){
    e.fireEvent('onclick');
    }
}

function testClickLink(){
    var xpath = "(//a[@href='./detail.html'])[1]";
    console.log(window.location.href);
    testClickWithParam(xpath);
}


window.onload = testClickLink;

始终从document.evaluate的iterateNext（）获取空值

1 个答案: