자바스크립트 자세히 설명

JavaScript는 웹 개발에 있어 필수적인 기술이라고 할 수 있습니다. 유연하고 간단하며 효율적입니다. 이번에 DRP에서는 js를 많이 사용했는데, 덕분에 js에 대한 이해가 더 깊어졌습니다. 이거 보고 다시 돌아와서 양지머리 JS 영상을 봤습니다. 나는 이전에 보지 못했던 것들을 보았습니다. 다음은 js의 요약입니다.
javascript란 무엇이고 js의 특징은 무엇인가요
JS는 해석형 웹 스크립팅 언어입니다. 그 역할은 브라우저의 동작과 내용을 제어하는 ​​것입니다.
HTML에 js 코드가 포함되어 있습니다.
여러 주요 기능이 있습니다
클라이언트에서 실행되므로 서버에 대한 부담을 줄일 수 있습니다. 코드 실행 효율성을 향상시킵니다.
JavaScript는 해석된 언어입니다(즉, 코드 실행이 미리 컴파일되지 않음)
해당 컴파일된 언어는 .class 파일로 컴파일된 java와 같이 실행 중에 미리 중간 코드나 기계어로 컴파일되어야 합니다. 조각.
javaScript는 java와 관련이 없습니다. Javascript는 다른 언어의 단순화된 버전이 아니며(예를 들어 Java와 막연하고 간접적으로만 관련되어 있을 뿐임), 어떤 것을 단순화한 것도 아닙니다. 그러나 한계가 있습니다. 예를 들어, 해당 언어를 사용하여 독립 실행형 애플리케이션을 작성할 수 없으며 파일 읽기 및 쓰기에 대한 기본 지원 기능이 없습니다. 또한 Javascript 스크립트는 ASP(Active Server Pages), 인터넷 브라우저 또는 Windows 스크립트 호스트와 같은 특정 인터프리터 또는 "호스트"에서만 실행될 수 있습니다.
JavaScript는 어떤 기능을 달성할 수 있나요?
JavaScript는 브라우저 스크립트 개발을 구현할 수 있습니다. 그것은 많은 고전적인 기능을 가지고 있습니다. 우리는 마스터해야합니다.
JavaSript는 웹 페이지 특수 효과를 구현합니다
Js는 그림 텍스트 스크롤, 그림의 동적 변환 등과 같은 다양한 웹 페이지 특수 효과를 구현할 수 있습니다. 인터넷을 검색해 보면 이미 만들어진 코드를 많이 찾을 수 있습니다. 간단히 말해서, 스스로 할 필요가 없는 일이 많이 있습니다. 거인의 어깨 위에 올라서야 합니다.

JavaScript는 Html 요소를 작동합니다.
J는 입력 상자, 드롭다운 상자, 테이블 및 기타 요소와 같은 웹 페이지 요소를 작동할 수 있습니다. html 요소를 작동하는 기본은 DOM 객체의 작동입니다. 모든 html 요소는 dom 개체입니다. js를 사용하여 이를 작동할 수 있습니다. 예를 들어 속성을 변경하고 요소를 동적으로 추가합니다. 그 가치 등을 얻으십시오.
Html의 각 요소는 dom의 노드에 해당합니다. html 형식은 DOM 트리에 해당하며 각 노드에는 nodeName nodeValue nodeType 속성이 있습니다. js는 이러한 속성을 조작하여 html을 조작합니다.
몇 가지 작업 방법은 다음과 같습니다.
createElement(element): 지정된 태그 이름을 사용하여 새 요소 노드를 생성하고 반환 값은 새 요소 노드에 대한 참조 포인터입니다.
createTextNode(string): 지정된 텍스트를 포함하는 새 텍스트 노드를 생성합니다. 새로 생성된 텍스트 노드에 대한 참조 포인터를 반환합니다.
appendChild(node): 노드를 삽입합니다.
removeChild(node): 지정된 요소에서 하위 노드를 제거하고 삭제된 하위 노드에 대한 포인터를 반환합니다. 참조 포인터.
hasChildNodes: 지정된 요소에 하위 노드가 있는지 확인하고 부울 값을 반환하는 데 사용됩니다.
replaceChild(newnode, oldnode): 노드 교체
setAttribute(key, value): 지정된 요소에 새 노드를 추가합니다. 노드 속성 값 또는 기존 속성 변경
getAttribute(key): 주어진 요소의 주어진 속성 노드 값을 반환합니다.
getElementById(): 주어진 id 속성 값을 가진 요소를 찾고, 요소 노드를 반환합니다. 🎜> getElementsByTagName(): 주어진 태그 이름을 가진 모든 요소를 ​​찾는 데 사용됩니다.
이러한 메소드에서 볼 수 있듯이 js는 노드(html 요소)를 유연하게 추가, 삭제 및 가져올 수 있습니다. 이러한 방식으로 양식 작업이 훨씬 더 유연해집니다.
이 drp에서 주로 사용되는 메소드는 getElementById()입니다.
예:
with(document.getElementById("userform")){
action="user_maint.jsp";
method="post";
submit(); > }

JavaScript는 양식 유효성 검사를 구현합니다.

JavaScript로 확인되는 일반적인 양식 데이터는 다음과 같습니다.

사용자가 양식에 필수 항목을 입력했습니까?
사용자가 입력한 이메일 주소가 합법적인가요?
사용자가 유효한 날짜를 입력했나요?
사용자가 숫자 필드에 텍스트를 입력했나요?
JS 유효성 검사 양식에는 일반적으로 두 가지 방법이 있습니다. 하나는 폼이 제출되거나 이벤트가 발생하면 js 메소드를 호출한 뒤 js 코드를 통해 컨트롤의 속성을 추출해 조건을 만족하는지 판단하는 방식을 수동으로 작성하는 것이다. 또 다른 방법은 정규식을 사용하여 입력 데이터가 특정 형식을 준수하는지 확인하는 것입니다. 예를 들어 이메일 확인을 위한 다음 js 코드

www.2cto.com

기능 테스트() 
                                                                     ) 
 // 이메일 확인 
 var myreg =/^([a-zA-Z0-9]+[_|_|.]?)*[a-zA-Z0-9] +@([a-zA-Z0-9]+[_| _|.]?)*[a-zA-Z0-9]+.[a-zA-Z]{2,3}$/; 
                                                            > ~                                                                                              테스트 메서드에는 이 정규 표현식이 함께 제공됩니다. 
JavaScript는 고객의 브라우저를 확인하고 쿠키를 생성합니다
JavaScript를 사용하여 이용자의 브라우저 버전, 정보 등을 확인합니다. 
아래 Navigator 개체에는 브라우저 유형, 버전 등을 포함하여 방문자의 브라우저에 대한 정보가 포함되어 있습니다. 
 
 
 
varbrowser=navigator.appName 
varb_version=navigator.appVersion 
varversion=parseFloat (b_version) 
 
document.write("브라우저 이름: "+ 브라우저) 
document.write("
") 
document.write("브라우저 버전: "+ 버전) 
 
 
 
 


쿠키는 방문자의 컴퓨터에 저장되는 변수입니다. 이 쿠키는 동일한 컴퓨터가 브라우저를 통해 페이지를 요청할 때마다 전송됩니다. JavaScript를 사용하여 쿠키 값을 생성하고 검색할 수 있습니다. 
첫 번째: 방문자의 이름을 쿠키 변수에 저장하는 함수를 만듭니다. 
functionsetCookie(c_name,value,expiredays) 
{ 
varexdate=new Date() 
exdate.setDate(exdate . getDate()+expiredays) 
document.cookie=c_name+"=" +escape(value)+ 
((expiredays==null)? "" : ";expires="+exdate.toGMTString()) 
} 
두 번째: 쿠키가 설정되었는지 확인하는 또 다른 함수를 만듭니다. 
functiongetCookie(c_name) 
{ 
if(document.cookie.length>0) 
 { 
 c_start=document.cookie.indexOf(c_name +"=") 
 if (c_start!=-1) 
 { 
 c_start=c_start + c_name.length+1 
 c_end=document.cookie .indexOf(";",c_start) 
 if (c_end==-1) c_end=document.cookie.length 
 returnunescape(document.cookie.substring(c_start,c_end)) 
 } 
 } 
return"" 
} 


위 함수는 먼저 document.cookie 개체에 쿠키가 있는지 확인합니다. document.cookie 객체가 특정 쿠키를 저장하는 경우, 우리가 지정한 쿠키가 저장되었는지 계속 확인합니다. 원하는 쿠키가 발견되면 값이 반환되고, 그렇지 않으면 빈 문자열이 반환됩니다. 
 
 간단히 말해서, 웹 개발에 있어서 js는 꼭 필요한 기술입니다.