728x90
์ฝ๋๊ฐ ๊น๋๋ค ๋๋ผ์ง ๋ง์ธ์
๋๋ณด๊ธฐ
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<!-- <body onload="checkMessage()">
onload (body๋ div์์ ๋ง์ด ์ด๋ค)
<p id="p1"></p>
<script type="text/javascript">
function checkMessage(){
document.getElementById('p1').innerHTML='checkMessage()ํธ์ถ';
}
</script>
</body> -->
<!-- <body onload="viewScroll()">
<pre>
์ ์๋ณด ํ๋ฏธ ๋ฐฉ์๋น๋ถ๋ดํ์๋์ฌ๊ฐ ํ·๋ฏธ ๋ฐฉ์๋น ๋ถ๋ด๊ธ ํ์๊ณผ ๊ด๋ จํด "๊ทธ๋์ ๋ง์ ๋
ผ์๋ฅผ ํตํด์ ์๋นํ ๊ณต๊ฐ์ ํ๊ณ ์๋ค"๋ฉฐ "๊ฐ๋ฅํ ํ ๋น ๋ฅธ ์์ผ๋ด ํ์ ํ๊ฒฐ์ ๊ธฐ๋ํ๋ค"๊ณ ๋งํ์ต๋๋ค.
์ ๋์ฌ๋ ์ค๋(4์ผ) ์ธ์ฒ๊ตญ์ ๊ณตํญ ์ 2ํฐ๋ฏธ๋์์ ๋ฏธ๊ตญ์ผ๋ก ์ถ๊ตญํ๊ธฐ ์ ๊ธฐ์๋ค๊ณผ ๋ง๋ "์ผ๋ถ ์์ง ๋จ์ ์๋ ์์ ์ ํด์ํ๊ธฐ ์ํด ์ด๋ฒ์ ๋ฏธ๊ตญ์ ๊ฐ์ ๋๋ฉด ํ์๋ฅผ ํ๊ฒ ๋๋ค"๋ฉฐ "๊ฐ๋ฅํ ํ ์ด๋ฒ ํ์๋ฅผ ํตํด ์์น์ ์ธ ๋ด์ฉ์ ๋ํ ํฉ์๋ฅผ ๋ง์น ๊น ์๊ฐํ๋ค"๊ณ ์ค๋ช
ํ์ต๋๋ค.
์ ๋์ฌ๋ '5๋
๋จ์์ 13% ์ธ์์์ผ๋ก ํ๊ฒฐ์ด ์๋ฐํ ๊ฒ ๋ง๋๋'๋ ๊ธฐ์์ ์ง๋ฌธ์๋ "๊ตฌ์ฒด์ ์ผ๋ก 13%๋ค, ์ด๋ฐ ๋ถ๋ถ๊ณผ ๊ด๋ จํด์๋ ํ์ฌ ํ์์ด ์งํ๋๊ณ ์๋ค๋ ์ ์์ ๊ตฌ์ฒด์ ์ธ ๋ด์ฉ์ ๋ํด ๋ง์๋๋ฆฌ๊ธฐ๊ฐ ์ด๋ ต๋ค"๊ณ ๋ตํ์ต๋๋ค.
์ ๋์ฌ๋ ๋ '์ ํ์ ์ ๋ฐ๋ฅธ ์ธ์๋ฅ ์ด ์ฌํด๋ถํฐ ์ ์ฉ๋๋๋'๋ ์ง๋ฌธ์ "๊ทธ๋ฐ ๊ฒ๋ ํ์์ ํฌํจ๋ ๊ฒ์ด๊ณ , ๊ทธ๋ฐ ๊ฒ๋ค์ ํฌํจํด์ ์ต์ข
์ ์ผ๋ก ํจํค์ง ํ๊ฒฐ์ ์ํ ๋
ธ๋ ฅ์ ํ๊ณ ์๋ค"๊ณ ๋งํ์ต๋๋ค.
๊ทธ๋ฌ๋ฉด์ ์์ฑํด ํ์ง์์ ํ์ ๋ฌธ์ ๋ฐํํ ๊ฐ๋ฅ์ฑ์ ๋ํด์ "๊ตญ๋ด์ ์ธ ์ ์ฐจ ๋ฑ์ ๊ฐ์ํด๋ดค์ ๋ ๊ทธ๋ ๊ฒ ํ ์๋ ์์ ๊ฒ"์ด๋ผ๋ฉด์๋ '์ฃผํ๋ฏธ๊ตฐ ํ๊ตญ์ธ ์ง์๋ค์ 4์ ๋ฌด๊ธํด์ง์ ์์ ๊ฒ์ผ๋ก ๋ด๋ ํฐ ๋ฌธ์ ๊ฐ ์๊ฒ ๋๋'๋ ์ง์์๋ "์ ๊ฐ ์๊ธฐ๋ก๋ ๊ทธ๋ ๊ฒ ์๊ณ ์๋ค"๊ณ ๋ตํ์ต๋๋ค.์ ์๋ณด ํ๋ฏธ ๋ฐฉ์๋น๋ถ๋ดํ์๋์ฌ๊ฐ ํ·๋ฏธ ๋ฐฉ์๋น ๋ถ๋ด๊ธ ํ์๊ณผ ๊ด๋ จํด "๊ทธ๋์ ๋ง์ ๋
ผ์๋ฅผ ํตํด์ ์๋นํ ๊ณต๊ฐ์ ํ๊ณ ์๋ค"๋ฉฐ "๊ฐ๋ฅํ ํ ๋น ๋ฅธ ์์ผ๋ด ํ์ ํ๊ฒฐ์ ๊ธฐ๋ํ๋ค"๊ณ ๋งํ์ต๋๋ค.
์ ๋์ฌ๋ ์ค๋(4์ผ) ์ธ์ฒ๊ตญ์ ๊ณตํญ ์ 2ํฐ๋ฏธ๋์์ ๋ฏธ๊ตญ์ผ๋ก ์ถ๊ตญํ๊ธฐ ์ ๊ธฐ์๋ค๊ณผ ๋ง๋ "์ผ๋ถ ์์ง ๋จ์ ์๋ ์์ ์ ํด์ํ๊ธฐ ์ํด ์ด๋ฒ์ ๋ฏธ๊ตญ์ ๊ฐ์ ๋๋ฉด ํ์๋ฅผ ํ๊ฒ ๋๋ค"๋ฉฐ "๊ฐ๋ฅํ ํ ์ด๋ฒ ํ์๋ฅผ ํตํด ์์น์ ์ธ ๋ด์ฉ์ ๋ํ ํฉ์๋ฅผ ๋ง์น ๊น ์๊ฐํ๋ค"๊ณ ์ค๋ช
ํ์ต๋๋ค.
์ ๋์ฌ๋ '5๋
๋จ์์ 13% ์ธ์์์ผ๋ก ํ๊ฒฐ์ด ์๋ฐํ ๊ฒ ๋ง๋๋'๋ ๊ธฐ์์ ์ง๋ฌธ์๋ "๊ตฌ์ฒด์ ์ผ๋ก 13%๋ค, ์ด๋ฐ ๋ถ๋ถ๊ณผ ๊ด๋ จํด์๋ ํ์ฌ ํ์์ด ์งํ๋๊ณ ์๋ค๋ ์ ์์ ๊ตฌ์ฒด์ ์ธ ๋ด์ฉ์ ๋ํด ๋ง์๋๋ฆฌ๊ธฐ๊ฐ ์ด๋ ต๋ค"๊ณ ๋ตํ์ต๋๋ค.
์ ๋์ฌ๋ ๋ '์ ํ์ ์ ๋ฐ๋ฅธ ์ธ์๋ฅ ์ด ์ฌํด๋ถํฐ ์ ์ฉ๋๋๋'๋ ์ง๋ฌธ์ "๊ทธ๋ฐ ๊ฒ๋ ํ์์ ํฌํจ๋ ๊ฒ์ด๊ณ , ๊ทธ๋ฐ ๊ฒ๋ค์ ํฌํจํด์ ์ต์ข
์ ์ผ๋ก ํจํค์ง ํ๊ฒฐ์ ์ํ ๋
ธ๋ ฅ์ ํ๊ณ ์๋ค"๊ณ ๋งํ์ต๋๋ค.
๊ทธ๋ฌ๋ฉด์ ์์ฑํด ํ์ง์์ ํ์ ๋ฌธ์ ๋ฐํํ ๊ฐ๋ฅ์ฑ์ ๋ํด์ "๊ตญ๋ด์ ์ธ ์ ์ฐจ ๋ฑ์ ๊ฐ์ํด๋ดค์ ๋ ๊ทธ
์ ์๋ณด ํ๋ฏธ ๋ฐฉ์๋น๋ถ๋ดํ์๋์ฌ๊ฐ ํ·๋ฏธ ๋ฐฉ์๋น ๋ถ๋ด๊ธ ํ์๊ณผ ๊ด๋ จํด "๊ทธ๋์ ๋ง์ ๋
ผ์๋ฅผ ํตํด์ ์๋นํ ๊ณต๊ฐ์ ํ๊ณ ์๋ค"๋ฉฐ "๊ฐ๋ฅํ ํ ๋น ๋ฅธ ์์ผ๋ด ํ์ ํ๊ฒฐ์ ๊ธฐ๋ํ๋ค"๊ณ ๋งํ์ต๋๋ค.
์ ๋์ฌ๋ ์ค๋(4์ผ) ์ธ์ฒ๊ตญ์ ๊ณตํญ ์ 2ํฐ๋ฏธ๋์์ ๋ฏธ๊ตญ์ผ๋ก ์ถ๊ตญํ๊ธฐ ์ ๊ธฐ์๋ค๊ณผ ๋ง๋ "์ผ๋ถ ์์ง ๋จ์ ์๋ ์์ ์ ํด์ํ๊ธฐ ์ํด ์ด๋ฒ์ ๋ฏธ๊ตญ์ ๊ฐ์ ๋๋ฉด ํ์๋ฅผ ํ๊ฒ ๋๋ค"๋ฉฐ "๊ฐ๋ฅํ ํ ์ด๋ฒ ํ์๋ฅผ ํตํด ์์น์ ์ธ ๋ด์ฉ์ ๋ํ ํฉ์๋ฅผ ๋ง์น ๊น ์๊ฐํ๋ค"๊ณ ์ค๋ช
ํ์ต๋๋ค.
์ ๋์ฌ๋ '5๋
๋จ์์ 13% ์ธ์์์ผ๋ก ํ๊ฒฐ์ด ์๋ฐํ ๊ฒ ๋ง๋๋'๋ ๊ธฐ์์ ์ง๋ฌธ์๋ "๊ตฌ์ฒด์ ์ผ๋ก 13%๋ค, ์ด๋ฐ ๋ถ๋ถ๊ณผ ๊ด๋ จํด์๋ ํ์ฌ ํ์์ด ์งํ๋๊ณ ์๋ค๋ ์ ์์ ๊ตฌ์ฒด์ ์ธ ๋ด์ฉ์ ๋ํด ๋ง์๋๋ฆฌ๊ธฐ๊ฐ ์ด๋ ต๋ค"๊ณ ๋ตํ์ต๋๋ค.
์ ๋์ฌ๋ ๋ '์ ํ์ ์ ๋ฐ๋ฅธ ์ธ์๋ฅ ์ด ์ฌํด๋ถํฐ ์ ์ฉ๋๋๋'๋ ์ง๋ฌธ์ "๊ทธ๋ฐ ๊ฒ๋ ํ์์ ํฌํจ๋ ๊ฒ์ด๊ณ , ๊ทธ๋ฐ ๊ฒ๋ค์ ํฌํจํด์ ์ต์ข
์ ์ผ๋ก ํจํค์ง ํ๊ฒฐ์ ์ํ ๋
ธ๋ ฅ์ ํ๊ณ ์๋ค"๊ณ ๋งํ์ต๋๋ค.
๊ทธ๋ฌ๋ฉด์ ์์ฑํด ํ์ง์์ ํ์ ๋ฌธ์ ๋ฐํํ ๊ฐ๋ฅ์ฑ์ ๋ํด์ "๊ตญ๋ด์ ์ธ ์ ์ฐจ ๋ฑ์ ๊ฐ์ํด๋ดค์ ๋ ๊ทธ
์ ์๋ณด ํ๋ฏธ ๋ฐฉ์๋น๋ถ๋ดํ์๋์ฌ๊ฐ ํ·๋ฏธ ๋ฐฉ์๋น ๋ถ๋ด๊ธ ํ์๊ณผ ๊ด๋ จํด "๊ทธ๋์ ๋ง์ ๋
ผ์๋ฅผ ํตํด์ ์๋นํ ๊ณต๊ฐ์ ํ๊ณ ์๋ค"๋ฉฐ "๊ฐ๋ฅํ ํ ๋น ๋ฅธ ์์ผ๋ด ํ์ ํ๊ฒฐ์ ๊ธฐ๋ํ๋ค"๊ณ ๋งํ์ต๋๋ค.
์ ๋์ฌ๋ ์ค๋(4์ผ) ์ธ์ฒ๊ตญ์ ๊ณตํญ ์ 2ํฐ๋ฏธ๋์์ ๋ฏธ๊ตญ์ผ๋ก ์ถ๊ตญํ๊ธฐ ์ ๊ธฐ์๋ค๊ณผ ๋ง๋ "์ผ๋ถ ์์ง ๋จ์ ์๋ ์์ ์ ํด์ํ๊ธฐ ์ํด ์ด๋ฒ์ ๋ฏธ๊ตญ์ ๊ฐ์ ๋๋ฉด ํ์๋ฅผ ํ๊ฒ ๋๋ค"๋ฉฐ "๊ฐ๋ฅํ ํ ์ด๋ฒ ํ์๋ฅผ ํตํด ์์น์ ์ธ ๋ด์ฉ์ ๋ํ ํฉ์๋ฅผ ๋ง์น ๊น ์๊ฐํ๋ค"๊ณ ์ค๋ช
ํ์ต๋๋ค.
์ ๋์ฌ๋ '5๋
๋จ์์ 13% ์ธ์์์ผ๋ก ํ๊ฒฐ์ด ์๋ฐํ ๊ฒ ๋ง๋๋'๋ ๊ธฐ์์ ์ง๋ฌธ์๋ "๊ตฌ์ฒด์ ์ผ๋ก 13%๋ค, ์ด๋ฐ ๋ถ๋ถ๊ณผ ๊ด๋ จํด์๋ ํ์ฌ ํ์์ด ์งํ๋๊ณ ์๋ค๋ ์ ์์ ๊ตฌ์ฒด์ ์ธ ๋ด์ฉ์ ๋ํด ๋ง์๋๋ฆฌ๊ธฐ๊ฐ ์ด๋ ต๋ค"๊ณ ๋ตํ์ต๋๋ค.
์ ๋์ฌ๋ ๋ '์ ํ์ ์ ๋ฐ๋ฅธ ์ธ์๋ฅ ์ด ์ฌํด๋ถํฐ ์ ์ฉ๋๋๋'๋ ์ง๋ฌธ์ "๊ทธ๋ฐ ๊ฒ๋ ํ์์ ํฌํจ๋ ๊ฒ์ด๊ณ , ๊ทธ๋ฐ ๊ฒ๋ค์ ํฌํจํด์ ์ต์ข
์ ์ผ๋ก ํจํค์ง ํ๊ฒฐ์ ์ํ ๋
ธ๋ ฅ์ ํ๊ณ ์๋ค"๊ณ ๋งํ์ต๋๋ค.
๊ทธ๋ฌ๋ฉด์ ์์ฑํด ํ์ง์์ ํ์ ๋ฌธ์ ๋ฐํํ ๊ฐ๋ฅ์ฑ์ ๋ํด์ "๊ตญ๋ด์ ์ธ ์ ์ฐจ ๋ฑ์ ๊ฐ์ํด๋ดค์ ๋ ๊ทธ
</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> -->
<body>
<!-- onblur : ํฌ์ปค์ค ์ด๋ -->
๋์ด:<input type="text" onblur="isRegNum()" size="10" maxlength="2">์ธ
<br><br>
<script type="text/javascript">
function isRegNum(){
alert('onblur ์คํ')
}
</script>
<!-- onchange: ์
๋ ฅ๊ฐ์ด ๋ณ๊ฒฝ๋๊ณ ํฌ์ปค์ค๊ฐ ๋ค๋ฅธ ๊ณณ์ผ๋ก ์ด๋ํ์๋ (๊ฐ์ด ๋ณ๊ฒฝ์๋๋ฉด ์คํ๋์ง์์) -->
์ฐํธ๋ฒํธ:<br>
<input type="text" size="5" maxlength="3" onchange="isPostNum(this)">
-
<input type="text" size="5" maxlength="3" onchange="isPostNum(this)">
<br>
<select id="sel" 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("sel").value);
}
</script>
<br><br>
<!-- onkeydown, onkeypress -->
<input type="text" name="title">
<script type="text/javascript">
/*
document.getElementsByName("title")[0].onkeydown = function(event) {
console.log("keydown keycode:"+event.keyCode);
}
*/
document.getElementsByName("title")[0].onkeypress = function(event) {
console.log("keypress keycode:"+event.keyCode);
}
</script>
<br><br>
<!-- onMouseDown, onMouseUp, onMouseOver, onMouseOut -->
<input type="image" src="san0.gif" onmousedown="mouseDown(this)" onmouseup="mouseUp(this)" onmouseover="mouseOver(this)" onmouseout="mouseOut(this)">
<script type="text/javascript">
function mouseDown(obj){
obj.src = "san1.gif";
}
function mouseUp(obj){
obj.src = "san0.gif";
}
function mouseOver(obj){ //
obj.src = "san2.gif";
}
function mouseOut(obj){ //๋ฒ์ด๋ฌ์๋
obj.src = "san0.gif";
}
</script>
<br><br>
<a href="#" onmouseover="document.box.src='surprise.gif'" onmouseout="document.box.src='box.gif'">
<img alt="" src="box.gif" name="box">
</a>
</body>
</html>
๋๊ธ