怎么在js里调用html里的事件代码?

怎么在js里调用html里的事件代码?,第1张

JS在页面中插入HTML代码,在js的方法中写入html代码,用innerHTML函数,最后在html代码需要调用的时候,调用该方法即可。代码及步骤如下:点击定义和用法getElementById()方法可返回对拥有指定ID的第一个对象的引用。定义和用法innerHTML属性设置或返回表格行的开始和结束标签之间的HTML。

很简单,比如你想将这个动态生成的按钮加入到文档并绑定事件,就像下面这样

var btn = document.createElement("input")

btn.type = "button"

btn.value = "test"

btn.onclick = function(){alert("haha")}//绑定click事件

document.body.appendChild(btn)

第一种方法:

两个部分:

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(),也可以自定义为其他,()圆括号是必须有的。

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


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6112800.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-15
下一篇 2023-03-15

发表评论

登录后才能评论

评论列表(0条)

保存