javascript 如何为 html 标签 添加事件

html-css014

javascript 如何为 html 标签 添加事件,第1张

第一种方法:

两个部分:

javascript部分(相当于给出check()接口。):

<script

language="javascript">

function

check()

{

if

{ ……}

else{……}

}

</script>

html

部分(各种调用方法,相当于调用js的check()接口,当点击后将运行JS函数。也可以将onclick改为其他如:onmouseover):

<div

onclick="check()"></div>

<form

onsubmit="check()">

<input

type="submit" >

</form>

<button

onclick="check()"></button>

javascript是写事件的,html调用了这个事件。上文中的自定义事件名称check(),也可以自定义为其他,()圆括号是必须有的。

陕西优就业的老师整理了一种答案,欢迎大家来补充!

在JS中插入短的HTML代码,可以通过先使用一个函数来包着,你要添加的HTMl代码,然后在使用innerHTML这个函数提取就行,在你的HTMl中添加一个事件就行,然后调用这个函数就行了,具体的我提供例子给你看下:

<html>

<head>

<script>

function

insert(){

var

insertText

=

"<table><tr><td>any

thing</td></tr></table>"

document.getElementById("insert").innerHTML(insertText)

}

</script>

</head>

<body>

<button

onclick="insert()">Insert</button>

<div

id="insert"></div>

</body>

</html>