자바스크립트 문

JavaScript 문은 브라우저에 명령을 보냅니다. 문의 목적은 브라우저에게 무엇을 해야 할지 알려주는 것입니다.

document.getElementById는

구문: oElement = document .getElementById(sID)

매개변수: sID--필수입니다. 끈.

반환 값: oElemen--개체(요소).

설명: 지정된 ID 속성 값을 기반으로 개체를 가져옵니다. id 속성 값이 sID와 동일한 첫 번째 개체에 대한 참조를 반환합니다. 해당 개체가 개체 그룹인 경우 그룹의 첫 번째 개체가 반환됩니다. 일치하는 객체가 없으면 null 을 반환합니다.

참고: document.getElementById(" ")는 객체를 가져옵니다. 특정 값이 아닌 "객체"를 표시하려면 .value를 추가하여 특정 값을 얻으세요.

세부정보:

① document.getElementById는 때때로 이름을 가져오지만 ID를 놓치는 경우가 있습니다. IE의 BUG라고 합니다.

② javascript에서 getElementbyId 사용
웹페이지의 요소에는 id 속성이 있어야 합니다. <input type=textname="content" id="content">

와 같은 이 방법은 html 태그를 얻는 두 가지 주요 방법이 있습니다. 하나는 ID 값을 통하는 것이고, 다른 하나는 name 속성을 통하는 것입니다( name 속성은 주로 양식 양식에 사용됩니다. )

참고:

document.getElementById(" ")는 개체를 가져오고 경고를 사용하면 특정 값 대신

"object"가 표시됩니다. 값과 길이가 있습니다. 속성을 기다리고 특정 값을 얻으려면 .value를 추가하세요!

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>
    <p id="demo"></p>
    <script>
    document.getElementById("demo").innerHTML = "你好 summer";
    </script>
</body>
</html>

세미콜론 ;세미콜론은 JavaScript 문을 구분하는 데 사용됩니다.

보통 우리는 각 실행문의 끝에 세미콜론을 추가합니다.

세미콜론의 또 다른 용도는 한 줄에 여러 문을 작성하는 것입니다.

a = 5;

b = 6;c = a + b;

JavaScript 코드

JavaScript 代码是 JavaScript 语句的序列。
浏览器按照编写顺序依次执行每条语句。
本例向网页输出一个标题和两个段落：
<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>
    <p id="demo">一句问候</p>
    <div id="myDIV">一段话</div>
    <script>
    document.getElementById("demo").innerHTML="你好 summer";
    document.getElementById("myDIV").innerHTML="你最近过得怎么样?";
    </script>
</body>
</html>

JavaScript 코드 블록

JavaScript는 일괄적으로 결합할 수 있습니다.

코드 블록은 왼쪽 중괄호로 시작하고 오른쪽 중괄호로 끝납니다.

코드 블록의 기능은 일련의 명령문을 함께 실행하는 것입니다.

이 예는 웹 페이지에 제목과 두 개의 단락을 출력합니다.

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
    <script>
    function myFunction(){
    document.getElementById("myPar").innerHTML="你好，世界！";
    document.getElementById("myDiv").innerHTML="这里要显示一句话。";
    }
    </script>
</head>
<body>
    <p id="myPar">替代</p>
    <div id="myDiv">覆盖</div>
    <p>
    <button type="button" onclick="myFunction()">点击这里</button>
    </p>
</body>
</html>

JavaScript 문 식별자

JavaScript 문은 일반적으로 문 식별자로 시작하여 문을 실행합니다.

문 식별자는 예약된 키워드이므로 변수 이름으로 사용할 수 없습니다.

다음 표에는 JavaScript 문 식별자(키워드)가 나열되어 있습니다.

문 description

catch 문 블록, try 문 블록 중에 오류가 발생하면 catch 문 블록을 실행합니다.

continue 루프에서 반복을 건너뜁니다.

do... while 문 블록을 실행하고 조건문이 실행을 계속합니다. 이 명령문 블록은

for 조건문이 true일 때 코드 블록을 지정된 횟수만큼 실행할 수 있습니다.

for ... in은 배열 또는 객체의 속성을 순회하는 데 사용됩니다.

function 함수 정의

if ... else 다양한 조건에 따라 다양한 작업을 수행하는 데 사용됩니다.

return 종료 기능

switch 다양한 조건에 따라 다양한 작업을 수행하는 데 사용됩니다.

throw(생성) 오류

try는 오류 처리를 구현하고 catch와 함께 사용됩니다.

var는 조건문이 true일 때 명령문 블록을 실행합니다.

JavaScript는 대소문자를 구분합니다.

JavaScript 문 작성 시 대소문자 전환 키가 꺼져 있는지 주의하시기 바랍니다.

getElementById와 getElementbyID 함수는 다릅니다.

마찬가지로 myVariable 변수와 MyVariable 변수도 다릅니다.

Spaces

JavaScript는 추가 공백을 무시합니다. 스크립트에 공백을 추가하여 더 읽기 쉽게 만들 수 있습니다. 다음 두 줄의 코드는 동일합니다.

var person="Hege";
var person = "Hege";

코드 줄 바꿈

문자열에 백슬래시를 사용할 수 있습니다. 코드 줄을 바꿉니다. 다음 예는 올바르게 표시됩니다.

document.write("Hello
world!");

그러나 다음과 같은 줄은 나눌 수 없습니다.

document.write("Hello
world!") );

지속적인 학습

새로운 파일

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <script type="text/javascript"> function getAge(){ var age; age = document.getElementById("age_input").value; if ( age == "" ) { alert("请输入您的年龄！"); return false; } if ( age > 25 ) { alert("您的岁数大于 25 岁。"); } else if ( age < 25 ) { alert("您的岁数小于 25 岁。"); } else { alert("您的岁数等于 25 岁。"); } } </script> </head> <body> 您的年龄：<input type="text" id="age_input" /> <input type="button" onclick="getAge()" value="确定" /> </body> </html>

제출하다 코드 재설정

자동운전