JavaScript的onclik()事件淺析
阿新 • • 發佈：2018-12-18
onclick()事件。當點選定義事件元素的時候觸發該事件。
<html>
<head>
<title>JS</title>
</head>
<style>
#id1{
text-align:center;
width:200;
height:200;
background-color:red;
}
</style>
<body>
<script>
function juan(id){
id.style.width=400;
id.style.height=400;
id.style.backgroundColor="blue";
id.style.color="white";
} 程式碼詳解：首先我們定義了一個div id1，通過css樣式將其高和寬都設為200大小，背景顏色為紅色，文字字型預設黑色。
然後我們在id1中使用了onclick()事件，當我們點選該id1的時候會呼叫click()中juan()函式。這裡我們通過this來傳參，this代表該函式的呼叫物件。在juan()中：將id1的長寬都設為400大小，背景顏色設為blue，文字顏色設為white。當我們點選id1後會看到如下的效果：
注：在js中還有許多非常有用的事件，原理和onclick()差不多，只要理解了一個其他也都通了。想要學習更多關於js的知識，建議看一下網W3C的文件或者去菜鳥教程學學也行。