示例代码,同时调用函数A和函数B:
<html>
<head>
<title>同时调用多个函数</title>
<script language="javascript">
function funA(){
alert("这是函数A")
}
function funB(){
alert("这是函数B")
}
</script>
</head>
<body>
<input type="button" value="点击调用多个函数" onClick="funA(),funB()">
</body>
</html>
也就是在调用一个函数的基础上,用逗号“,”隔开两个函数名即可。
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级函数调用更多的被使用。
如果你想调用js中的函数。有两个地方可以调用。
<script>function hanShu(){
内容
}
//一个是写在js标签中
hanShu()//在script标签中直接调用。
</script>
另一个是在html标签中,在标签上绑定事件调用函数,例如:下面是按钮点击事件调用函数。
<input type="button" value="调用函数" onclick="hanShu()"/>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)