html中调用javascript函数基本有两种方法:
通过元素的事件来调用javascript函数
<html><head>
<title>javascript函数调用</title>
</head>
<body>
<button onclick="demo()">点击调用demo函数</button>
<script>
function demo()
{
alert("调用成功")
}
</script>
</body>
<html>
效果图
使用addEventListener调用函数
<html><head>
<title>javascript函数调用</title>
</head>
<body>
<button id="btn">使用addEventListener调用函数</button>
<script>
document.getElementById("btn").addEventListener("click",demo)
function demo() {
alert("addEventListener调用函数成功")
}
</script>
</body>
</html>
以上就是通过HTML调用javascript函数,分别为DOM级和DOM2级函数调用,还有DOM3函数调用,但是与DOM2级函数差别不大,就不做讲解。在实际开发中DOM2级函数调用更多的被使用。
html调用js函数,有多种方法:\x0d\x0a\x0d\x0a1、可以用控件本身进行;\x0d\x0a 如 \x0d\x0a2、通过javascript 中 的 时间控件 定时执行;\x0d\x0a\x0d\x0a3、getElementById,实际上得到一个网页中的对象(元素),通过ID检索。\x0d\x0a\x0d\x0a \x0d\x0adocument.getElementById("guest")语句到\x0d\x0a\x0d\x0adocument.getElementById("guest").value="dddddd"\x0d\x0a将 中进行赋值"dddddd";\x0d\x0a\x0d\x0a4、document.getElementsByName\x0d\x0adocument.getElementsByTagName\x0d\x0adocument.getElementsByTagNameNS\x0d\x0a\x0d\x0a 也是检索网页中的元素,只不过是通过不同的检索方式,检索方式分别为name,TagName等。欢迎分享,转载请注明来源:内存溢出
评论列表(0条)