用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