초보 자 바스 크 립 트 기초 정리 1

7023 단어 자바 script기초
1

// html
document.write("<h1>Hello World!</h1>")
2

// JavaScript js
// JavaScript , JavaScript 。
<script type="text/javascript">
<!--
document.write("Hello World!");
//-->
</script>
3

//onload
// body onload
<script type="text/javascript">
function message(){ alert(" onload 。");}
</script>
<body onload="message()">
// window onload
<script type="text/javascript" language="javascript">
window.onload=message;
function message(){ alert(" onload 。"); }
</script>
4//JavaScript 가 설 치 된 위 치 는 페이지 가 불 러 올 때 body 부분 에 있 는 JavaScript 를 실행 합 니 다.(직접 실행)호출 될 때 헤드 부분 에 있 는 자 바스 크 립 트 가 실 행 됩 니 다.헤드 부분 에 함 수 를 포함 하 는 스 크 립 트 는 문서 의 헤드 부분 에 있 습 니 다.이렇게 하면 함수 호출 전에 스 크 립 트 가 불 러 왔 는 지 확인 할 수 있 습 니 다.
5.//분점 의 역할//분 호 는 선택 할 수 있 습 니 다(JavaScript 기준 에 따라).브 라 우 저 는 줄 의 끝 을 문장의 끝 으로 하고 분 호 를 사용 하여 한 줄 에 여러 개의 문 구 를 쓸 수 있 습 니 다.
6。//JavaScript 변수 이름 의 규칙:변 수 는 대소 문자 에 민감 합 니 다(y 와 Y 는 서로 다른 변수 입 니 다)변 수 는 알파벳 이나 밑줄 로 시작 해 야 합 니 다.
7。//변수의 성명 이 할당 한 변수 가 아직 성명 을 하지 않 았 다 면 이 변 수 는 자동 으로 설명 합 니 다.예:x=5;carname="Volvo"; 뒤의 이 문장 들 과 효과 가 같 습 니 다:var x=5;var carname="Volvo";
8。//비교 연산 자 연산 자      묘사 하 다.    예====전 등(값 과 유형)  x===5 는 true;x==="5"는 false
9。//조건 연산 자(세 개의 연산 자)자 바스 크 립 트 는 일부 조건 을 바탕 으로 변 수 를 할당 하 는 조건 연산 자 를 포함 하고 있다.name=("liuhuan"=="LH")?"유 환":"가수";
10。//현재 시스템 시간(시간)var d=new Date()var time=d.getHours()가 져 오기
11。//난수 var num=Math.random();발생 하 는 가짜 무 작위 수 는 0 과 1 사이(0 포함,1 포함)에 있 습 니 다.즉,반환 값 은 0 일 수 있 지만 항상 1 보다 작 습 니 다.JScript 를 처음 불 러 올 때 무 작위 로 수 발 합 니 다.
생기 가 자동 으로 생기다.
12。//오늘 의 요일 가 져 오기(일요일 은 0,월요일 은 1-6)var d=new Date()the Day=d.getDay()
13。//단추 의 트리거 이벤트
14。//팝 업 상자 내용 줄 바 꾸 기 alert("다시 인사 드 립 니 다!"여기 서 경고 상자 에 접 힌 줄 을 추가 하 는 방법 을 보 여 드 리 겠 습 니 다.")
15./확인 상자(삭제 방법)/confirm("텍스트")function showconfirm(){ var r=confirm("삭제 확인?"); if (r==true) {   alert("삭제 성공!");   } else{   alert("삭제 실패!");   }}
16.//사용자 가 대화 하 는 팝 업 상자(텍스트 를 입력 할 수 있 는 알림 상자)/prompt("텍스트","기본 값")function dispprompt()  { var name=prompt("이름 을 입력 하 십시오","Bill Gates") if (name!=null && name!=""){    document.write("안녕하세요!"+오늘 어떻게 지 냈어요?    }  }
17。//인자 가 있 고 값 을 되 돌려 주 는 함수function product(a,b){returna*b;}document.write(product(6,5))
18。//for 순환(이 예 에서 동적 으로 html 의 h 라벨 생 성)for(i=1;i <= 6; i++){document.write("h"+i+">제목 입 니 다"+i)document.write(")}
19。//break 점프 문장var i=0for(i=0;i<=10;i++){if(i==3){break}document.write("숫자 는"+i)document.write("br/>")}

설명:순환 은 i=3 시 에 중 단 됩 니 다.


20。//continue 점프 문장var i=0for(i=0;i<=10;i++){if(i==3){continue}document.write("숫자 는"+i)document.write("br/")}

설명:i=3 시 순환 이 중단 되 고 다음 값 부터 계속 순환 합 니 다.

값:01245678910
21。//for in 순환(.net 의 foreach 순환 에 해당)     var x  var mycars = new Array()  mycars[0]="BMW"  mycars[1]="벤츠"  mycars[2]="빌 리"
  for (x in mycars)  {  document.write("x 의 값 은"+x+"
");  document.write(mycars[x] + "
")  } 
 
 
22。//javascript 이벤트 onload   한 페이지 나 그림 이 불 러 오기//페이지 불 러 오기 onunload 가 완료 되 었 습 니 다.  사용자 페이지 종료
onfocus  원소 획득 초점 onblur   원소 초점 잃 음       //폼 검증 onchange  사용자 변경 도 메 인 내용    onreset  리 셋 버튼 이 onsubmit 클릭 됨  제출 버튼 이 클릭 됨  //폼 을 제출 하기 전에 모든 폼 도 메 인 을 검증 하 는 데 사용 합 니 다.예 를 들 어(사용자 가 폼 의 확인 단 추 를 누 르 면 checkForm()함수 가 호출 됩 니 다.checkForm()함수 의 반환 값 은 bool 형식 입 니 다.반환 값 이 true 이면
양식 을 제출 하고,반대로 제출 을 취소 합 니 다.)

onkeydown  어떤 키보드 의 키 가 onkeypress 에 눌 렸 다.  어떤 키보드 의 키 가 눌 리 거나 눌 렸 다.   //키보드 조작 onkeyup  어떤 키보드 의 키 가 풀 렸 다. 
onclick  대상 을 마우스 로 클릭 하 다    ondblclick 마우스 더 블 클릭 대상 onmousedown 마우스 버튼 이 눌 렸 습 니 다.    //마우스 조작 onmousemove 마우스 이동     onmouseout  마우스 가 원소 에서 onmouseover 마 우 스 를 원소 위로 이동 합 니 다 onmouseover  어떤 마우스 버튼 이 풀 렸 다.
onabort    그림 불 러 오기 가 중단 되 었 습 니 다 onerror  문서 나 그림 을 불 러 오 는 중 오류 가 발생 했 습 니 다.
onresize  창 이나 프레임 크기 가 조정 되 었 습 니 다 onselect  텍스트 가 선택 되 었 습 니 다.
 
23。//js 의 오류 알림 err.description 및 try..catch 문장 예:var txt=""function message(){ try{   adddlert("Welcome guest!")   } catch(err){   txt="이 페이지 에 오류 가 있 습 니 다."   txt+="오류 설명:"+err.description+"   txt+="확인"을 누 르 면 계속 합 니 다."   alert(txt);   }}
24。//확인 상자 가 있 는 try...catch 문장var txt=""function message(){ try{    adddlert("Welcome guest!")    } catch(err){   txt="이 페이지 에 오류 가 있 습 니 다."   txt+="확인"을 누 르 면 이 페이지 를 계속 봅 니 다."   txt+="취소"를 누 르 면 홈 페이지 로 돌아 갑 니 다."   if(!confirm(txt))   {   document.location.href="../index.html"   }    }} 
25。//exception(이상 또는 오류)을 만 듭 니 다.(try...catch 구문 에 맞 춰 사용)예 를 들 어var x=prompt("0 에서 10 사이 의 수 를 입력 하 십시오:",")try{if(x>10)  throw "Err1" else if(x<0)  throw "Err2"else if(isNaN(x))  throw "Err3"} catch(er){if(er=="Err1")   alert("오류!"그 값 이 너무 커 야 한다!")if(er == "Err2")   alert("오류!"그 값 은 너무 작 아!")if(er == "Err3")   alert("오류!"이 값 은 숫자 가 아 닙 니 다!")}
26。//return true 와 return true 의 용법(bool 형의 인 자 를 되 돌려 주 고 판단 에 계속 사용 할 수 있 습 니 다)function jiance(msg,url,l){alert("확실 합 니까?")return true}function jieguo(){ if(jiance()){  alert("예"); } else{  alert("아니오"); }}
27.//onerror 이벤트/오류 가 발생 했 을 때 onerror 이벤트 onerror=handleErr 를 터치 합 니 다.var txt=""function handleErr(msg,url,l){txt="이 페이지 에 오류 가 있 습 니 다."txt+="오류:"+msg+"txt+="URL:"+url+""txt+="줄:"+l+""txt+="확인"을 누 르 면 계속 합 니 다."alert(txt)return true}function message(){adddlert("확실 합 니까?")}
28。//JavaScript 에 서 는 텍스트 문자열 에 특수 문 자 를 추가 하기 위해 역 슬 래 쉬 를 사용 합 니 다.예 를 들 어 var txt="우 리 는 소위\"Vikings\\"북쪽에 서."document.write(txt)
29。//javascript 주의사항 1.자 바스 크 립 트 는 대소 문자 에 민감 합 니 다.자 바스 크 립 트 는 빈 칸 3 을 무시 합 니 다.코드 를 작성 할 때 줄 을 바 꿀 수 있 습 니 다:document.write("Hello\\")
World!");

좋은 웹페이지 즐겨찾기