如何用JS来点击按钮

JavaScript09

如何用JS来点击按钮,第1张

原理

用JS来点击按钮需要分2步,第一步是选中按钮的元素,第二步是使用元素自带的click函数。

例如接下来我将要演示的例子中,仅用

document.getElementById("btn").click()

一行就可以控制按钮点击。

其中document.getElementById("btn")是根究id获取按钮的元素,click()是使按钮被点击一次。

演示

这是我为此问题专门写的在线演示页面点击按钮演示页面。

页面结构如图

首先点击右下角打开控制台

然后输入

document.getElementById("btn").click()

这行代码

按回车运行代码即可弹出一行提示,说明按钮被点击。你可以用鼠标点击一下按钮,也是这个效果。

用纯js实现点击“记住用户名”按钮,刷新之后用户名依旧在页面的效果方法如下:

1.登录成功之后,把登录信息加密后保存在cookie里面。

2.然后建一个js文件,在这个文件里面做用户是否已登录的判断!如果登录了就直接显示该页面,如果没登录,就跳转回登录页面。

3.这个js文件在登录后才能看到的页面都做引用。

用css3更简单

首先定义一个闪烁的-webkit-animation 的name为twinkling,效果是透明度从0到1

@-webkit-keyframes twinkling{

/*透明度由0到1*/

0%{

opacity:0/*透明度为0*/

}

100%{

opacity:1/*透明度为1*/

}

}

然后设置需要闪烁的button的样式:

button{

-webkit-animation: twinkling 1s infinite ease-in-out

}

其中twinkling 为上面定义的,时间为1s,动画无限次,动画效果是ease-in-out