1.基本的JavaScript頁面：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<!-- JavaScript代碼，需要寫在script标簽中 -->
<script type="text/javascript">
//當整個文檔都加載完成之後再執行函數中的内容
window.onload=function(){
//1.擷取按鈕對象
var btnEle = document.getElementById("btnId");
//2.給對象綁定單擊事件
btnEle.onclick=function(){
alert("你好 蔡徐坤");
};
};
</script>
</head>
<body>
<button id="btnId">點選這個按鈕</button>
</body>
</html>
2.基本的jQuery頁面：需要添加js檔案才能使用
jQuery 檔案jquery-1.7.2.js下載下傳位址：https://download.csdn.net/download/weixin_40370904/12692261
（1）添加js檔案
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<!-- 引入Jquery的js文庫 -->
<script type="text/javascript" src="script/jquery-1.7.2.js"></script>
<script type="text/javascript">
//相當于window.onload = function(){};
$(function(){
//擷取按鈕對象并且給他綁定單擊事件
$("#btnId").click(function(){
//彈出提示框
alert("蔡徐坤很帥！");
});
});
</script>
</head>
<body>
<button id="btnId">點選這個按鈕</button>
</body>
</html>
![JavaScript自學筆記【4】函數的聲明與調用目錄二、函數的聲明 三、函數的調用[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)