javascript 点击按钮触发事件

JavaScript040

javascript 点击按钮触发事件,第1张

使用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

js点击z的时候触发右击是可以弹出浏览器的。一般在进行js点击z的时候，触发药剂主要是达到一种快捷操作的方式，用于弹出浏览器，一般在浏览器出现延时或者是刷新不动的情况下。因为弹出和关闭或者是重新载入浏览器达到刷新效果。

这是因为你这里用的是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  //加了这行，页面就不会跳转了

}