>  기사  >  웹 프론트엔드  >  [자바스크립트 튜토리얼] 자바스크립트 소개

[자바스크립트 튜토리얼] 자바스크립트 소개

黄舟
黄舟원래의
2016-12-24 14:23:54930검색

JavaScript 소개

JavaScript는 인터넷에서 가장 널리 사용되는 스크립트 언어입니다. 이 언어는 HTML 및 웹에 사용할 수 있으며 서버, PC, 노트북, 태블릿, 스마트폰 등에서 널리 사용할 수 있습니다. 장치.

JavaScript는 스크립팅 언어입니다.

JavaScript는 가벼운 프로그래밍 언어입니다.

JavaScript는 HTML 페이지에 삽입할 수 있는 프로그래밍 코드입니다.

JavaScript를 HTML 페이지에 삽입하면 모든 최신 브라우저에서 실행할 수 있습니다.

JavaScript는 배우기 쉽습니다.

배우게 될 내용

이 튜토리얼에서 배우게 될 주요 내용은 다음과 같습니다.

JavaScript: HTML 출력 스트림에 직접 쓰기

document.write("<h1>这是一个标题</h1>");
document.write("<p>这是一个段落。</p>");

HTML 출력에서만 document.write를 사용할 수 있습니다. 문서를 로드한 후 이 방법을 사용하면 전체 문서를 덮어쓰게 됩니다.

JavaScript: 이벤트에 대한 반응

예제

<button type="button" onclick="alert(&#39;欢迎!&#39;)">点我!</button>

alert() 함수는 JavaScript에서 일반적으로 사용되지 않지만 코드 테스트에 매우 편리합니다.


onclick 이벤트는 이 튜토리얼에서 배우게 될 많은 이벤트 중 하나일 뿐입니다.

JavaScript: HTML 콘텐츠 변경

JavaScript를 사용하여 HTML 콘텐츠를 처리하는 것은 매우 강력한 기능입니다.

인스턴스

x=document.getElementById("demo")  //查找元素
x.innerHTML="Hello JavaScript";    //改变内容

document.getElementById("some id")를 자주 볼 수 있습니다. 이 메소드는 HTML DOM에 정의되어 있습니다.

DOM(Document Object Model)은 HTML 요소에 액세스하기 위한 공식 W3C 표준입니다.

이 튜토리얼의 여러 장에서 HTML DOM에 대해 배우게 됩니다.

JavaScript: HTML 이미지 변경

이 예에서는 HTML dc0870658837139040642baa5555a380의 소스(src)를 동적으로 변경합니다.

전구 켜기

JavaScript는 이미지뿐만 아니라 모든 HTML 요소의 대부분의 속성을 변경할 수 있습니다.

JavaScript: HTML 스타일 변경

HTML 속성 변경의 변형인 HTML 요소의 스타일을 변경합니다.

x=document.getElementById("demo")  //找到元素 
x.style.color="#ff0000";           //改变样式

JavaScript: 입력 유효성 검사

JavaScript는 사용자 입력의 유효성을 검사하는 데 자주 사용됩니다.

if isNaN(x) {alert("不是数字")};

알고 계셨나요?

JavaScript와 Java는 개념과 디자인 면에서 완전히 다른 두 언어입니다.
Java(Sun에서 개발)는 더욱 복잡한 프로그래밍 언어입니다.

ECMA-262는 JavaScript 표준의 공식 명칭입니다.

JavaScript는 Brendan Eich가 발명했습니다. 1995년 Netscape에 등장했으며(브라우저는 더 이상 업데이트되지 않음) 1997년에 ECMA(표준 협회)에 의해 채택되었습니다.

위 내용은 [JavaScript Tutorial] JavaScript 입문 내용입니다. 더 많은 관련 내용은 PHP 중국어 홈페이지(www.php.cn)를 참고해주세요!


성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.