JavaScript

210923_onclick,onmouseover,onmouseout

요옫 2021. 9. 23. 16:12

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Insert title here</title>

<script type="text/javascript">

/* onclick을 했기에 function 만들어야함 */

function test() {

var str="<font color='red' size='5'>안녕하세요</font>"; /* 대따음표 안에서는 소따음표 */

out.innerHTML=str;

}

</script>

</head>

<body>

<input type="button" value="click me" onclick="test()"><br>

 

<div id="out"></div>

 

<hr>

 

<img alt="" src="../cat/IMG_5126.JPG" width="200" height="200"

 onmouseover="src='../cat/IMG_5188.JPG'"

 onmouseout="src='../cat/IMG_5126.JPG'">

</body>

</html>

 

초기화면

 

clickme 버튼 누름
마우스를 사진 위에 놓을 경우

 

'JavaScript' 카테고리의 다른 글

210923_var,eval,isNaN,date  (0) 2021.09.23
210923_array,random  (0) 2021.09.23
210923_select+url  (0) 2021.09.23
210923_select+onchange  (0) 2021.09.23
210923_settimeout  (0) 2021.09.23