집 >웹 프론트엔드 >JS 튜토리얼 >JavaScript 구문 기초.js를 배우고 싶은 친구는 Look_basic 지식을 가져갈 수 있습니다.
JavaScript 구문 기초.js를 배우고 싶은 친구는 Look_basic 지식을 가져갈 수 있습니다.
WBOY원래의
2016-05-16 18:39:08962검색
1: JavaScript는 대소문자를 구분합니다 2: 각 JavaScript 문은 C 언어와 마찬가지로 ";"으로 끝나야 합니다. 3: 출력: document.write("string") ---> 출력할 수도 있습니다 해당 HTML 태그 4: 양식의 색상 변경 document.bgColor="red"; 4: 유형 변환:parseInt,parFloat 5:Random 함수:parseInt(Math.random()* 90 10 ) 10에서 100까지의 난수 생성 5: 팝업 대화 상자: 경고("프롬프트 내용") 5: if...else, for, while, 대소문자 전환 5: 배열 정의 방법: 1) 1차원 배열: a=new Array(); [배열 정의 시 길이를 지정할 필요가 없습니다.] a[0]=1; a[1]=1 ; a[2]=1; s=0 for(i=0;i{ s = a[i]; } 2) 2차원 배열: city=new Array(); city[0]=new Array("후베이성", "우한"); city[1] =new Array("후베이성","셴타오"); city[2]=new Array("후베이성","홍후") city[3]= new Array("푸젠성" ,"광저우"); city[4]=new Array("푸젠성","샤먼") city[5]=new Array("푸젠성", "Zhangzhou"); 5: JavaScript의 함수, 함수 호출 및 변수 범위 6: 쿼리 대화 상자 팝업: 확인("쿼리 내용") 7: 양식을 닫습니다. window.opener=null ;window.close(); 8: 폼 열기: 1) 변수 이름 = window.open ("웹페이지 이름") 새 창 열기 2) 변수 이름 = window.open( "웹페이지 이름", "이름", "height=200px, width=300px") 3) 창을 열고 화면 중앙에 팝업 t=window.open(' dotest.htm','test',' height=400px,width=500px'); t.moveTo((screen.width-500)/2,(screen.height-400)/2; 4)window.location="url" 아니요 새 창이 열립니다. 5) 모달 형식으로 팝업 window.showModalDialog('dotest.htm','','dialogWidth=600px;dialogHeight=500px '); 9: 양식 새로 고침: window.location.reload() 10: 이 양식의 양식 요소 값 가져오기: form name.element name.value 11 : 다른 폼에서 접근하는 방법 이전 폼의 폼 요소 A: 모달 폼: 소스 폼 1) window.showModalDialog('dotest.htm',window,'dialogWidth=600px;dialogHeight =500px') ; 이름은 반드시 적어야 합니다. 2)window.dialogArguments.form1.txtuser.value B: 비모달 형식: 소스 형식: window .open 대상 폼: window.opener.form name.form 요소 이름.값 12: 모달 폼을 통해 상위 폼에 값을 반환하는 방법: 소스 폼: t =window.showModalDialog(parameter) alert(t) 대상 형식: window.returnValue=value;window.opener=null;window.close() 13: 방법 close 하위 양식 동안 상위 양식 새로 고침 A) 비모달 창 소스 페이지: window.open("page") 대상 페이지: window.opener.location .href =window.opener.location.href; window.opener=null;window.close(); B) 모달 창 소스 페이지: window.showModalDialog();- --- ---일시 중지 코드 사용 window.location.reload(); 대상 페이지: window.opener=null;window.close() 14: 상태 설정 열 텍스트: window .status 15) 문자열을 숫자 값으로 변환:parseInt("String"), parseFloat("String") 16) 현재 시간 가져오기 var date=new Date( ) document .write(date.toLocaleTimeString()); 17): 현재 날짜 가져오기: var date=new Date() document.write(date.toLocaleDateString() ) 18 ): 이전 페이지로 돌아갑니다.새로고침되지 않는다는 점에 유의하세요 history.go(-1) 19: 개체의 배경색 변경 this.style.BackgroundColor='yellow', this.style.color= '텍스트 색상' 20: 홈페이지로 설정: this.style.behavior='url(#default#homepage)';this.setHomePage('your webpage') 21); code 몇 분 후에 자동으로 프로세스를 반복 실행합니다. setInterval("js code",1000) 예: 배경이 계속 변경되도록 합니다. [페이지가 매우 심하게 깜박입니다.] var index=1; >function ChangePic() { form1.p1.src=index ".jpg"; index=index 1 if (index==4) { index =1; } } setInterval("ChangePic(index)",1000) 개선 사항: [배열을 먼저 정의하고 메모리에 그림을 미리 로드합니다.] pic=new 배열(4); pic[0]=new Image(); pic[1]=new Image() pic[2]=new Image(); ]=새 이미지(); pic[0].src="1.jpg" pic[1].src="2.jpg" pic[2].src=" 3.jpg"; pic[3].src="4.jpg"; 함수 ClearText() { form1.p1.src=pic[index].src; index=index 1; if (index==4) { index=1; } } setInterval("ClearText(index)",1000); 23): 특정 시간이 지나면 지정된 코드를 한 번만 실행합니다. setTimeout("js code",1000) 24): 모든 텍스트 상자의 텍스트를 지웁니다. 양식 for(i=0;i{ if (form1.elements[i].type=="text") { form1 .elements[i].value=""; } } 25) 실행 파일을 실행합니다. obj=new ActiveXObject("wscript.shell") obj . run("calc.exe"); 26) Java 스크립트의 이벤트 A)onmouseove: 마우스 도착 B)onmouseout: 마우스 종료 이벤트 C)onclick: 클릭 이벤트 D)onKeypress: 키를 눌렀을 때 event.keyCode를 통해 누른 키의 Asii 코드를 얻을 수 있습니다 E) 로드 이벤트: 에 직접 코드를 작성하는 것은 Load 이벤트 F와 동일합니다. )onsubmit :폼이 제출되면 양식 제출 이벤트가 트리거됩니다 원리: 사용자가 제출 버튼을 누르면 양식의 onsubmit 이벤트가 트리거됩니다. 이 경우, 사용자가 반환한 값(true, false)을 기준으로 양식을 제출해야 하는지 여부를 판단하여, true이면 제출하고, false이면 제출하지 않습니다. 우리는 종종 데이터 검증을 수행하는 기능을 사용합니다. 예: 1) 텍스트 이동
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.