使用onclick（）点击事件触发。
1、设计一个功能页面，HTML代码如下。
2、此时的页面展示效果如下。
3、设计功能函数，实现上图中赋值的功能。
4、给按钮绑定上述函数，点击实现。
5、在页面上点击函数，查看执行效果。
扩展资料：
onclick事件解析：
1、定义和用法：onclick 属性由元素上的鼠标点击触发。
onclick 属性不适用以下元素：<base>、<bdo>、<br>、<head>、<html>、<iframe>、<meta>、<param>、<script>、<style>或 <title>。
2、语法：
<element onclick="script">。
参考资料：
百度百科--onclick
这是因为你这里用的是a标签，如果未作专门处理，点击后页面是一定会跳转的（也就意味着页面一定会刷新），而又因为href的属性为空，浏览器就会默认跳转当前页面（也就等价于刷新当前页面），因此当你点击后子菜单显示的一瞬间，页面就立刻刷新了，这样就会立刻恢复原样了。
应该这样：
const click=document.querySelector(".nav1>ul.flex>li:nth-child(2)>a")
click.onclick=function(){
const click1=click.nextElementSibling
click1.classList.toggle('cur')
return false //加了这行，页面就不会跳转了
}
1.首先鼠标点击一个按钮触发JS方法如下：
function a(a){
alert(a)
}
function b(b){
alert(b)
}
2.
js触发另一个按钮的方法如下：
usually function
function load(){
//下面两种方法效果是一样的
document.getElementById("target").onclick()
document.getElementById("target").click()
}
function test(){
alert("test")
}
test
3.注释：document.getElementById("target")获取到目标的ID值，然后再调用onclick或者是click方法，这样就会继续执行令一个按钮的JS代码了。
