336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

안녕하세요. 이번엔 javascript에서 onload와 jquery처음시작시에 불러오는 ready에 대해서 알아볼 예정입니다.

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<meta charset="utf-8"/>
<html>
<head>
<title>JDK의 블로그</title>
 
<!-- jquery를 불러옵니다. jquery.com download 페이지를 참조해주세요 -->
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
 
<script language="javascript">
    //window.onload는 javascript로써 똑같이 시작시에 합니다.
    //다만 jquery보다 늦게합니다.
    window.onload = function(){
        alert("jdk's blog Window");
    }
    
    //winodw.onload 보다 일찍합니다.
    $(document).ready(function(){
        alert("jdk's blog Jquery");
    });
</script>
</head>
<body>
</body>
</html>
cs
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

안녕하세요 이번엔 응용으로 특수문자를 차단하는 함수를 알려드릴께요.

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
//특수문자 막음처리
 function checkSpecial(inputBox){
  
  var keyValue = event.keyCode;
  //특수문자배제
  if((keyValue >= 123 && keyValue <= 130|| (keyValue >= 33 && keyValue <= 47|| (keyValue >= 58 && keyValue <= 64|| (keyValue >= 91 && keyValue <= 96))  return false;
 }
 
 
 //특수문자 막음처리 이메일용
 function checkSpecial_Email(inputBox){
  
  var keyValue = event.keyCode;
  //특수문자배제
  if((keyValue >= 123 && keyValue <= 130|| (keyValue >= 33 && keyValue <= 47|| (keyValue >= 58 && keyValue <= 64|| (keyValue >= 91 && keyValue <= 96)) 
   if(keyValue != 64 && keyValue != 46){
    return false;
   }
 }
 
 
 //특수문자 막음처리 주소용
 function checkSpecial_Addr(inputBox){
  
  var keyValue = event.keyCode;
  //특수문자배제
  if((keyValue >= 123 && keyValue <= 130|| (keyValue >= 58 && keyValue <= 126)) 
   if(keyValue != 45){
    return false;
  }
  }
 
 //숫자가 아니면 처리하는 함수
 function checkNumber(inputBox){
  
  var keyValue = event.keyCode;
  if((keyValue >= 33 && keyValue <= 47|| (keyValue >= 33 && keyValue <= 47|| (keyValue >= 58 && keyValue <= 64|| (keyValue >= 91 && keyValue <= 96|| keyValue >= 123)
        return false;
 } 
cs
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

안녕하세요 이번엔 setAttribute로 값을 유지하는 방법을 알려드릴께요

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<meta charset="utf-8"/>
<html>
<head>
<title>JDK의 블로그</title>
<script language="javascript">
//버튼클릭시 javascript 호출합니다.
function javascript(){
 
    //setAttribute로 innerHTML시에 값유지
    document.getElementById("test").setAttribute("value",document.getElementById("test").value);
    document.getElementById("divId").innerHTML += "<input type='text' name='' id=''/>";
 
}
</script>
</head>
<body>
<input type='button' onclick='javascript()' value='버튼'/>
<div id='divId'>
    <input type='text' name='test' id='test'/>
</div>
</body>
</html>
cs

값을 입력하고, 버튼클릭시에 test값이 유지됩니다.

 

 

+ Recent posts