728x90
<body onload="checkMessage()">
바디가 실행되면 읽고 들어와라 함수를
onload
<p id = "p1"></p>
<script type="text/javascript">
function checkMessage(){
document.getElementById('p1').innerHTML = 'checkMessage() 호출';
}
checkMessage();
</script>
</body>
페이지로드될때 함수호출로 인해 자동스크롤 실행
<body onload = "viewScroll()">
페이지가 로드 되 때 특정 함수를 호출시 사용
<pre>
제주=뉴시스] 우장호 기자 = 4일 오전 8시45분께 제주시 연동 인근 도로를 달리던 쓰레기 수거 차량 적재함에서 불이난 것 같다는 신고가 연동 119센터에 접수됐다.
차량 운전자는 쓰레기 수거 적재함에서 연기가 피어오르자 급히 119센터를 찾아가 도움을 요청한 것으로 전해졌다.
신고를 접수한 119는 차량을 인근 도로 옆에 급히 세운 후 쓰레기를 임시 하치한 후 진화에 나섰고, 불은 곧 꺼졌다.
다행히 인명피해는 없었다.
소방당국은 정확한 화재 원인을 조사할 예정이다.
제주=뉴시스] 우장호 기자 = 4일 오전 8시45분께 제주시 연동 인근 도로를 달리던 쓰레기 수거 차량 적재함에서 불이난 것 같다는 신고가 연동 119센터에 접수됐다.
차량 운전자는 쓰레기 수거 적재함에서 연기가 피어오르자 급히 119센터를 찾아가 도움을 요청한 것으로 전해졌다.
신고를 접수한 119는 차량을 인근 도로 옆에 급히 세운 후 쓰레기를 임시 하치한 후 진화에 나섰고, 불은 곧 꺼졌다.
다행히 인명피해는 없었다.
소방당국은 정확한 화재 원인을 조사할 예정이다.
제주=뉴시스] 우장호 기자 = 4일 오전 8시45분께 제주시 연동 인근 도로를 달리던 쓰레기 수거 차량 적재함에서 불이난 것 같다는 신고가 연동 119센터에 접수됐다.
차량 운전자는 쓰레기 수거 적재함에서 연기가 피어오르자 급히 119센터를 찾아가 도움을 요청한 것으로 전해졌다.
신고를 접수한 119는 차량을 인근 도로 옆에 급히 세운 후 쓰레기를 임시 하치한 후 진화에 나섰고, 불은 곧 꺼졌다.
다행히 인명피해는 없었다.
소방당국은 정확한 화재 원인을 조사할 예정이다.
</pre>
<script type="text/javascript">
let posY = 0;
function viewScroll(){
//자동 스크롤
window.scroll(0, posY);
posY = posY + 2;
if(posY == 300)posY = 0;
setTimeout( "viewScroll()", 100);/* 자기 자신을 호출 */
}
</script>
</body>
input값입력 후 커서를 다른곳 클릭하면 alert 실행.
<!-- 포커스 이동 onblur -->
나이:<input type = "text" onblur = "isRegNum()"
size = "10" maxlength = "2">세
<script type="text/javascript">
function isRegNum(){
alert('onblur실행');
}
</script>
<br><br>onchange = "isPostNum(this)를 이용해
우편번호 입력시 문자가 포함되었다는 메세지가 뜬다.
<!-- onchange 입력갑이 변경되고 포커스(커서)가 다른 곳으로 이동했을때-->
우편번호:<br>
<input type="text" size = "5" maxlength = "3"
id = "text" onchange = "isPostNum(this)">
-
<input type="text" size = "5" maxlength = "3" onchange = "isPostNum(this)">
<br>
<select id = "sal" onchange="changeVal()">
<option value = "apple">사과</option>
<option value = "pear"> 배</option>
<option value = "banana">바나나</option>
</select>
<script type="text/javascript">
function isPostNum(obj){
let str = obj.value;//아이디 사용하지 않았을때
//alert(str);
if(str.match(/[^0-9]/g)){
alert("문자가 포함되어있습니다");
}
}
function changeVal() {
/* alert("changeVal"); */
alert(document.getElementById("sal").value);
}
</script>
<br><br>
<!-- onkeydown, onkeypress -->
<input type="text" name = "title">
<!-- name 은 여러개 가능 -->
<script type="text/javascript">
/*
document.getElementsByName("title")[0].onkeydown
= function (event){
console.log("keydown keycode : " +event.keyCode);
// 위는 html에서 input창에 입력할때 키값이 나온다
//onkeydown 을 쓰면 대문자 아스키코드로 출력
} */
document.getElementsByName("title")[0].onkeypress
= function (event){
console.log("keypress keycode : " +event.keyCode);
// 위는 html에서 input창에 입력할때 소문자를 쳐도 똑바로 나온다
//소문자 아스키코드로
}onMouseDown, oMouseUp, onMouseOver, onMouseOut
<!-- onMouseDown, oMouseUp, onMouseOver -->
<br><br>
<input type="image" src = "./images/san0.gif"
onmousedown="mouseDown(this)"
onmouseup="mouseUp(this)"
onmouseover="mouseOver(this)"
onmouseout="mouseOut(this)">
<script type="text/javascript">
function mouseDown(obj){
//커서로 사진을 눌렀을때
obj.src = "./images/san1.gif"
}
function mouseUp(obj){
obj.src = "./images/san0.gif"
}
function mouseOver(obj){
//커서가 사진위로 갈때(누르지 않고)
obj.src = "./images/san2.gif"
}
function mouseOut(obj){
obj.src = "./images/san0.gif"
}
</script>
<br><br>
<a href = "#"
onmouseover="document.box.src = 'images/surprise.gif'"
onmouseout="document.box.src = 'images/box.gif'">
<img alt = "" src = "./images/box.gif" name = "box">
</a>
728x90
'JavaScript' 카테고리의 다른 글
| //Javascript// 10진수 -> 2진수, 8진수, 16진수 (0) | 2021.03.06 |
|---|---|
| 36일차//Javascript// (0) | 2021.03.04 |
| 35일차//Javascript// 10진수 ->2,8,16진수 변환 (0) | 2021.03.03 |
| 35일차//Javascript//🎈 과제 5 : button 클릭시 사진변경/ document.getElementById('img').src (0) | 2021.03.03 |
| 35일차//Javascript//🎈 과제 4 : select 선택시 link로 이동 (onchage사용)++select박스의 onchange에서 this.value 사용하기 (0) | 2021.03.03 |
