在前端网页设计时,离不开一些动态事件的交互,比如提交数据,登录,注册等等。这事件一般都需要通过HTML onclick事件的调用,这篇文章重点介绍一下 onclick事件的定义与用法

onclick事件的定义

onclick 事件会在元素被点击时发生。

语法:

例1:定义一个简单的点击事件

html代码

JS代码

function ds(){

alert('我出现了啊');

}

运行后,我们点击按钮出弹出一个信息,如下图

2e60d1acbc7d322c30d83325a6460c00.png

解释:

元素input被鼠标点击以后会触发,onclick事件,onclick事件会调用js中的定义的 ds()函数,就会弹出一条信息来。

例2 :带有传值参数的onclick事件

html代码

js代码

function ds(a){

alert(a);

}

运行后,我们点击按钮弹出的信息如下图

6f0cf49343af7518fbad93af09497290.png

解释:

1、html代码中调用onclick事件中,给要调用的js ds()函数传值‘http://www.freexyz.cn’

2、函数 ds() 接受到传入的值,会直接弹出

onclick使用注意

在html元素中 , ,
, , , , , ,

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐