自动按钮单击页面加载

时间:2017-04-09 05:11:26

标签: html google-chrome

我想知道如何在加载页面时自动点击按钮<button class="btn btn-primary btn-lg btn-withdraw">Text!</button>。我已经看到其他关于人们试图做同样事情的帖子,但我不明白该怎么做。任何帮助,将不胜感激。谢谢, 艾登

来源 - Auto-click button element on page load using jQuery

3 个答案:

答案 0 :(得分:0)

因此,您必须为您的按钮添加一个id属性。

<button id="myButton" class="btn btn-primary btn-lg btn-withdraw">Text!</button>

然后,在你的html结束时,你必须在脚本标签中使用Javascript来“点击”它,如下所示。

<script>
document.getElementById('myButton').click()
</script>

好像你必须学习Javascript,在互联网上搜索教程。

答案 1 :(得分:0)

您可以使用jQuery方法.click()

答案 2 :(得分:0)

因为您希望在加载页面后单击按钮,所以您希望在执行代码之前确保DOM元素本身已实际加载。

您可以在这里阅读更多内容: What is the DOM ready event?

以下代码在按钮上执行“click”之前等待页面完全加载。

非jQuery解决方案。如果您只使用一次jQuery,那么将jQuery添加到您的页面是没有意义的。

window.onload = function () {
    document.querySelector('.btn.btn-primary.btn-lg.btn-withdraw').click();
}

或者,您可以按照Sorikairo的建议为按钮添加ID,然后触发点击:

//Add ID to button
<button id="myButton" class="btn btn-primary btn-lg btn-withdraw">Text!</button>

//Click on load.
window.onload = function () {
    document.getElementById('myButton').click()
}