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>
舉報