변수는 무엇입니까?
변수는 정보를 저장하는 데 사용되는 컨테이너입니다
변수 선언
문법:
var 변수 이름
변수 이름 = 값;
변수는 먼저 선언 한 다음 지정되어야합니다
변수를 반복적으로 할당 할 수 있습니다
변수의 이름 지정 규칙
변수는 문자로 시작해야합니다.
변수는 $ 및 _ 기호로 시작할 수 있습니다 (그러나 우리는 이것을 권장하지 않습니다).
변수 이름은 대소 문자를 민감합니다 (A와 A는 변수가 다릅니다).
성명
성명서는 세미콜론으로 끝납니다. 세미콜론이 생략되면 성명서의 끝은 파서에 의해 결정됩니다.
좋은 코딩 습관이 있으면 끝나야합니다.
데이터 유형
JavaScript 에서는 정보가 값 입니다. 값에는 여러 가지가 있으며 모두가 가장 친숙한 유형은 숫자입니다. 문자열 값은 둘러싸여 있습니다
인용문의 하나 이상의 단어.
숫자 값으로 번호. 숫자는 소수 또는 68.57이 없을 수 있습니다
문자열 따옴표의 문자. "Hello, World"또는 이중 인용문을 사용할 수 있습니다.
부울 참 또는 거짓
정의되지 않은 및 null 정의되지 않은 값은 변수에 값이 포함되어 있지 않음을 나타냅니다. 변수의 값을 null로 설정하여 변수를 지울 수 있습니다.
객체와 관련된 모든 값
함수 함수에 의해 반환 된 값
1 var a; // a는 정의되지 않은 2 var a = 6; // a는 숫자 3 var a = "Jason"입니다. // a는 문자열입니다
함수 란 무엇입니까?
함수는 특정 작업을 수행하는 JavaScript 문의 세트입니다.
기본 구문 :
함수 함수 이름 () {함수 코드;}함수 이름 ();
설명 :
함수 기능 키워드를 정의합니다.
"함수 이름"기능에 준 이름입니다.
"기능 코드"는 특정 함수를 완료하는 코드로 대체됩니다.
"두 번째 함수 이름"의 함수 호출
1 함수 add2 () {2 var sun = 3 + 2; 3 경고 (sun); 4} 5 add2 (); // 함수 호출 함수 이름을 직접 작성하고 함수 코드를 직접 팝업합니다.1 <input type = "button"value = "click me"onclick = "add2 ()" /> 2 <!-버튼을 클릭 한 후 함수를 호출 한 후 Onclick은 클릭 이벤트입니다.
출력 내용 (Document.Write)
document.write ()는 웹 페이지에서 직접 콘텐츠를 출력합니다.
첫 번째 유형 : 출력 컨텐츠는 "" "로 동봉되며" "표시 내에서 컨텐츠를 직접 출력합니다.
document.write ( "나는 JavaScript를 좋아한다!");
두 번째 유형 : 변수를 통한 출력 컨텐츠
var mystr = "hello world"; document.write (mysrt); // 변수 이름을 직접 작성하고 변수에서 저장된 내용을 출력
세 번째 유형 : 여러 내용을 출력하여 + 표시와 연결합니다.
var mystr = "hello"; docut
네 번째 유형 : 출력 HTML 태그 및 작업 및 태그에는 ""가 포함되어 있습니다.
var mystr = "hello"; docum
경고 (경보 메시지 대화)
웹 사이트를 방문하면 때로는 작은 창이 메시지 텍스트와 함께 나타납니다. "확인"을 클릭하지 않으면 웹 페이지에 대해 아무것도 할 수 없습니다.
작동 방법,이 작은 창은 경고를 사용하여 구현됩니다.
구문 : 경고 (문자열 또는 변수);
var mynum = 30; Alert ( "Hello!"); Alert (Mynum);
결과 : 메시지 상자가 순서대로 나타납니다 (경고 팝업 메시지 대화 상자에 확인 버튼이 포함되어 있습니다)
알아채다:
1. 대화 상자에서 "확인"버튼을 클릭하기 전에 다른 작업을 수행 할 수 없습니다.
2. 메시지 대화 상자는 일반적으로 프로그램을 디버깅하는 데 사용될 수 있습니다.
3. 문자열 또는 변수 일 수있는 경보 출력 컨텐츠, document.write와 유사
선택 확인 (메시지 대화 상자 확인)
사용자에게 정보를 제공하는 것 외에도 사용자로부터 정보를 얻고 싶습니다. 메시지 확인 대화 상자가 여기에서 사용됩니다.
메시지 확인 대화 상자는 일반적으로 사용자가 다음과 같은 선택을 할 수 있도록 사용됩니다. "맞습니까?" 등. 대화 상자가 나타납니다 (확인 버튼 및 취소 버튼 포함).
구문 : 확인 (str);
매개 변수 설명 : str : 메시지 대화 상자에 표시 할 텍스트 : 반환 : 부울 값
반품 값 :
사용자가 "확인"버튼을 클릭하면 true를 반환합니다
사용자가 "취소"버튼을 클릭하면 False로 돌아갑니다.
참고 : 반환 값을 사용하여 사용자가 클릭하는 버튼을 결정할 수 있습니다.
<script type = "text/javaScript"> var myMessage = 확인 ( "JavaScript를 좋아합니까?"); if (myMessage == true) {document.write ( "좋아요!"); } else {document.write ( "js는 강력합니다. 배워야합니다!"); } </스크립트>질문을합니다 (신속한 메시지 대화 상자)
때로는 사용자가 예/아니오에 대답하기를 원할뿐만 아니라. 대신,보다 구체적인 응답이 필요합니다. 이 경우 Propt를 사용할 수 있습니다.
프롬프트 팝업 메시지 대화 상자, 일반적으로 사용자와 상호 작용 해야하는 정보를 요청하는 데 사용됩니다. 메시지 대화 상자가 나타납니다 (확인 버튼, 취소 버튼 및 텍스트 입력 상자 포함).
문법:
프롬프트 (str1, str2);
매개 변수 설명 :
STR1 : 메시지 대화 상자에 표시 할 텍스트를 수정할 수 없습니다.
STR2 : 텍스트 상자의 내용을 수정할 수 있습니다.
반품 값 :
1. 확인 버튼을 클릭하면 텍스트 상자의 내용이 함수로 값을 반환합니다.
2. 취소 버튼을 클릭하여 NULL로 돌아갑니다
함수 rec () {var score; // 스코어 변수는 사용자가 입력 한 점수 값을 저장하는 데 사용됩니다. score = prompt ( "점수를 입력하십시오", "90"); if (score> = 90) {document.write ( "당신은 훌륭합니다!"); } else if (score> = 75) {document.write ( "good!"); } else if (score> = 60) {document.write ( "Come on!"); } else {document.write ( "열심히!"); };}; <cript> var myname = prompt ( "이름을 입력"); if (myName! = null && myName! = "") {document.write ( "welcom to" + myname); } else {document.write ( "welcom to" + myname); } </스크립트>새 창을 엽니 다 (Window.open)
문법:
Window.Open ([url], [창 이름], [매개 변수 문자열])
매개 변수 설명 :
URL : 옵션 매개 변수, 웹 페이지의 URL 또는 경로는 창에 표시됩니다. 이 매개 변수가 생략되거나 값이 빈 문자열 인 경우 창에 문서가 표시되지 않습니다.
창 이름 : 선택적 매개 변수, 열린 창의 이름.
1. 이름은 문자, 숫자 및 밑줄 문자로 구성됩니다.
2. 창 이름 : 선택 사항,이 문자열은 열린 창의 이름을 선언하는 쉼표로 구분 된 기능 목록입니다. 할 수 있다
"_top", "_blank", "_self", "_parent" 등입니다.
_blank는 새 창에 방문 페이지를 표시합니다
_self 현재 창에 대상 웹 페이지가 표시됩니다.
_parent 프레임 웹 페이지는 현재 전체 창 위치에 대상 웹 페이지를 표시합니다.
_top 프레임 웹 페이지 상단 창에 대상 웹 페이지가 표시됩니다.
3. 동일한 이름을 가진 하나의 창만 만들 수 있으며 여러 창을 만들려면 이름이 동일 할 수 없습니다.
4. 이름 에는 공백이 포함될 수 없습니다.
매개 변수 문자열 : 선택적 매개 변수, 창 설정 매개 변수를 설정하고 각 매개 변수를 쉼표로 분리합니다.
매개 변수 테이블 :
T OP 번호 번호 번호 창 상단의 픽셀 수는 화면 상단을 남깁니다.
왼쪽 번호 창의 왼쪽 끝에있는 픽셀 수는 화면의 왼쪽 끝을 남겨 둡니다.
너비 번호 창의 너비
높이 번호 창 높이
Menubar 예, 아니오 창에 메뉴가 있습니다
도구 모음 예, 아니오 창에 도구 모음이 있습니다
스크롤 바 예, 아니오 창에 스크롤 바가 있습니다
상태 예, 아니오 창에 상태 표시 줄이 있습니까?
<script type = "text/javaScript"> wind
창을 닫습니다 (창 .close)
Close () Close () 닫기 창
용법:
1 Window.Close (); //이 창을 닫으십시오
예를 들어 : 새로 생성 된 창을 닫습니다.
1 <script type = "text/javaScript"> 2 var mywin = window.open ( '// www.vevb.com'); // 변수 myWin3 myWin.Close (); 4 </script>에 새로 인쇄 된 창 객체를 저장
innerhtml 속성
innerhtml 속성은 HTML 요소의 내용을 얻거나 교체하는 데 사용됩니다.
문법:
Object.innerhtml
Object는 Document.getElementById ( "id")를 통해 요소를 얻는 것과 같이 얻은 요소 객체입니다.
<h2 id = "con"> javaScript </h2>
<script type = "text/javaScript"> var mychar = document.getElementById ( "con"); document.write ( "원본 제목 :"+mychar.innerhtml+"<br>"); // 원래 H2 태그 컨텐츠를 출력 Mychar.innerhtml = "Hello World"Document.write ( "수정 제목 :"+mychar.innerhtml); // 수정 된 H2 태그 컨텐츠 </script>를 출력합니다
HTML 스타일을 변경하십시오
문법:
Object.style.property = 새로운 스타일;
참고 : Object는 Document.getElementById ( "id")를 통해 얻은 요소와 같이 얻은 요소 객체입니다 .
<h2 id = "con"> 나는 JavaScript를 좋아합니다 </h2>
<script type = "text/javaScript"> var mychar = document.getElementById ( "con"); mychar.style.color = "빨간색"; mychar.style.background = "#ccc"; mychar.style.width = "300px"; </script>
표시 및 숨기기 (디스플레이 속성)
문법:
Object.style.display = value
값:
없음 이 요소는 표시되지 않습니다.
블록 이 요소는 블록 레벨 요소로 표시됩니다 (예 : 디스플레이)
mychar.style.display = "block"
제어 클래스 이름 (className 속성)
ClassName 속성은 요소의 클래스 속성을 설정하거나 반환합니다.
문법:
object.className = className
효과:
1. 요소의 클래스 속성을 가져옵니다
2. 웹 페이지의 요소에 CSS 스타일을 할당하여 요소의 모양을 변경합니다.
p2.classname = "2";
위의 JavaScript Basic Study Notes (신인을 위해 필수)는 편집자가 공유하는 모든 내용입니다. 나는 그것이 당신에게 참조를 줄 수 있기를 바랍니다. 그리고 당신이 wulin.com을 더 지원할 수 있기를 바랍니다.