2 回答

TA貢獻1847條經驗 獲得超11個贊
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級函數調用更多的被使用。

TA貢獻2036條經驗 獲得超8個贊
<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html>
<head>
<title> new document </title>
<meta name="generator" content="editplus">
<meta name="author" content="">
<meta name="keywords" content="">
<meta name="description" content="">
<script language="javascript" type="text/javascript">
function getp1(){
alert(document.getElementById("p1").innerHTML);
}
</script>
</head>
<body>
<p id="p1">段落</p>
<input type="button" onclick="getp1()" value="獲取P1"/>
</body>
</html>
添加回答
舉報