javascript - 单击页面加载时的按钮元素

Question

我正在尝试在加载 html 页面时自动单击按钮以启动功能。我试过 document.getElementById('watchButton').click 但它似乎不起作用，按钮没有被点击。有什么建议么？

<div class="content">
        <div class="action-area ch30">
            <button class="button dh" id="watchButton">Start Geolocation Watch</button>
            <button class="button dh" id="refreshButton" >Refresh Geolocation</button>
        </div>

JavaScript:

    run:function() {
    var that = this;
    document.getElementById("watchButton").addEventListener("click", function() {
        that._handleWatch.apply(that, arguments);
    }, false); 
    document.getElementById("refreshButton").addEventListener("click", function() {
        that._handleRefresh.apply(that, arguments);
    }, false);
},

谢谢!

Answer 1

我将它放在 document.ready 中(这样它在 DOM 加载之前不会触发)并使用 jQuery 语法:

$(function() {
    $('#watchButton').click();
});

http://jsfiddle.net/isherwood/kVJVe/

这是使用 jQuery 语法的同一个 fiddle :http://jsfiddle.net/isherwood/kVJVe/4

也就是说，为什么不直接命名您的函数并直接调用它呢？