怎么用js调用标签的onclick事件

JavaScript012

怎么用js调用标签的onclick事件,第1张

首先获取到标签,然后调用它的click方法就行了。

<!DOCTYPE html>

<html >

<head>

<meta charset="UTF-8">

<title>Title</title>

</head>

<body>

<button id="btn" onclick="click_btn()">Click</button>

<script>

function click_btn(){

alert("click")

}

window.onload=function (){

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

}

</script>

</body>

</html>

html页面设置onClick事件可以在html中设置,也可以在js中设置,下面分别介绍。

在html中设置

你的代码就是在html中设置的方法,这是测试页面,

现在html代码的元素中添加onclick

<input type="text" id="text" onClick="f()">

再在js代码中声明一个函数

function f(){

alert(1)

}

只在js中设置

第二种方法是只在js中设置,这是测试页面

html代码可以更加纯粹,不用写onclick

<input type="text" id="text">

在js代码中,先找到这个元素,再去绑定一个事件

window.onload  = function() {

document.getElementById("text").onclick = function() {

alert(1)

}

}

也可以实现这个效果