1、首先,新建一个带有button按钮的页面,打开这个页面。
2、button按钮不能直接添加herf属性,可以通过button的onClick事件来实现页面的跳转自动点击。
3、可以直接在onclick事件上添加动作实现页面跳转,也可以让onClick触发函数实现页面跳转。
4、需要给button的onClick一个触发事件。具体写法见下图。
5、希望页面在点击登录按钮的时候实现页面跳转,所以函数是直接声明,而不是等页面加载完后立即执行的。就完成了。
需要准备的材料分别有:电脑、html编辑器、浏览器。
1、首先,打开html编辑器,新建html文件,例如:index.html,填充问题基础代码。
2、在index.html中的<script>标签,输入js代码:setTimeout("$('button').click()", 2000)。
3、浏览器运行index.html页面,此时会发现2秒后,页面自动打印了“btn click”这个点击按钮后才会打印的内容。
原理用JS来点击按钮需要分2步,第一步是选中按钮的元素,第二步是使用元素自带的click函数。
例如接下来我将要演示的例子中,仅用
document.getElementById("btn").click()
一行就可以控制按钮点击。
其中document.getElementById("btn")是根究id获取按钮的元素,click()是使按钮被点击一次。
演示这是我为此问题专门写的在线演示页面点击按钮演示页面。
页面结构如图
首先点击右下角打开控制台
然后输入
document.getElementById("btn").click()
这行代码
按回车运行代码即可弹出一行提示,说明按钮被点击。你可以用鼠标点击一下按钮,也是这个效果。