Javascript 单击页面加载上的按钮元素

我试图在加载html页面时自动单击一个按钮来启动一个函数。我尝试了

document.getElementById（'watchButton'）。单击
，它似乎不起作用，按钮没有被单击。有什么建议吗

<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>

谢谢
 尝试触发

<script>
$(document).ready(function() {
   $("#watchButton").trigger('click');
});
</script>


$（文档）.ready（函数（）{
$（“#监视按钮”）.trigger（'click'）；
});
应该是
单击（）
而不是
单击

document.getElementById("watchButton").click();

您需要调用它onload，或者在函数运行后调用它，我会将它放在document.ready中（这样在DOM加载之前它不会启动），并使用jQuery语法：

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


下面是使用jQuery语法的相同技巧：

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

document.getElementById("studyOne").click();
$("#studyOne").trigger('click');

将其置于onload函数中。这对我有用
 这不是触发器（），而是你的document.ready包装器。我试过了，但还是没有启动任何东西。有什么建议吗？我将以下内容添加到我的页面
，但是它仍然没有
单击
$（文档）.ready（function（）{$（function（）{$（'#watchButton'）。click（）；}）它可能已被
运行：
。这是干什么用的？我也试着在
上合并这个，但没有成功。还有什么好主意吗？好吧，你没有引用。控制台中有什么错误？
document.getElementById("studyOne").click();
$("#studyOne").trigger('click');