JavaScript와 HTML의 차이점과 관계에 대해 이야기해 보겠습니다.

이 기사에서는 JavaScript와 html의 관계와 차이점에 대한 관련 문제를 주로 소개하는 javascript에 대한 관련 지식을 제공합니다. html은 기호 언어이고 JavaScript는 해석 언어입니다. 모든 사람에게 도움이 되기를 바랍니다.

【관련 추천: javascript 비디오 튜토리얼, web front-end】

HTML이란 무엇인가요?

HTML은 HyperText Markup Language라고 하며 마크업 언어입니다. 여기에는 일련의 태그가 포함됩니다. 이러한 태그는 네트워크의 문서 형식을 통합하고 분산된 인터넷 리소스를 논리적인 전체로 연결할 수 있습니다. [권장: html 온라인 매뉴얼]

HTML 텍스트는 HTML 명령으로 구성된 설명 텍스트입니다. HTML 명령은 텍스트, 그래픽, 애니메이션, 사운드, 표, 링크 등을 설명할 수 있습니다.

하이퍼텍스트는 하이퍼링크를 통해 텍스트, 그래픽 및 기타 정보 매체를 텍스트에 연결하는 정보를 구성하는 방법입니다. 이러한 상호 연관된 정보 매체는 동일한 텍스트일 수도 있고, 다른 파일일 수도 있고, 지리적으로 멀리 떨어져 있는 컴퓨터에 있는 파일일 수도 있습니다. 이러한 정보 정리 방식은 서로 다른 위치에 분산된 정보 자원을 무작위 방식으로 연결하여 사람들이 정보를 더 쉽게 찾고 검색할 수 있게 해줍니다.

자바스크립트란 무엇인가요?

JavaScript는 프로토타입 기반의 함수 우선 언어로, 객체 지향 프로그래밍, 명령형 프로그래밍을 지원합니다.

Javascript는 주류 엔진이 코드를 로드하고 실행될 때마다 해석하기 때문에 문자 그대로의 번역 언어로 분류됩니다.

JavaScript는 ECMA(유럽 컴퓨터 제조업체 협회)에서 ECMAScript를 통해 표준화되었습니다. 전 세계 대부분의 웹사이트에서 사용되며 전 세계 주요 브라우저(Chrome, IE, Firefox, Safari, Opera)에서도 지원됩니다.

JavaScript는 웹 애플리케이션 개발에 널리 사용되는 네트워크 스크립팅 언어로, 사용자에게 더욱 부드럽고 아름다운 탐색 효과를 제공하기 위해 웹 페이지에 다양한 동적 기능을 추가하는 데 자주 사용됩니다.

HTML과 JavaScript의 차이점

1. 본질적인 차이점

HTML은 논리 기능이 없는 마크업 언어입니다. JavaScript는 c 및 java와 같이 논리 기능이 있는 스크립팅 언어입니다.

2. 사용법의 차이

HTML은 웹페이지에 정적 콘텐츠를 제공합니다. JavaScript는 정적 웹 페이지에 동적 기능을 추가합니다.

html은 웹페이지 제작의 기반이 되며, 만들어지는 것은 정적이고, js는 html과 결합되어 더욱 강력한 웹페이지를 생성합니다. 일부 동적 논리 문제를 처리할 수 있습니다.

JavaScript는 HTML에 포함될 수 있지만 HTML은 JavaScript에 포함될 수 없습니다.

javaScript는 대소문자를 구분하지만 html은 그다지 엄격하지 않습니다.

3. 표준화 차이

HTML은 W3C 및 WHATWG 표준을 기반으로 하며 JavaScript는 ECMA 표준을 기반으로 합니다.

4. 호환성 차이

HTML은 브라우저 간 호환이 가능합니다. 즉, 최신 브라우저를 포함한 모든 웹 브라우저의 모든 버전과 호환됩니다. 이전 브라우저든 새 브라우저든 모든 브라우저는 기본적으로 인식할 수 없는 요소를 인라인 요소로 처리하므로 이전 웹 브라우저에서 알 수 없는 HTML 요소를 쉽게 처리할 수 있습니다.

반면에 JavaScript는 브라우저 간 호환성이 부족하여 일부 기능이 특정 브라우저와 호환되지 않습니다.

JS를 HTML과 연결하는 방법

참고: 코드가 적용되기 전에 별도의 js 파일을 html 파일로 가져와야 합니다. 방법은 이 링크를 참고해주세요

1.js는 id에 따라 html 컴포넌트를 작동합니다

Code example

<!--html代码-->
<input type="text" id="myqr">//设定组件的id为“myqr”

document.getElementById() 함수를 통해 컴포넌트를 js 변수와 연결합니다

그런 다음 (변수를 통해 작동합니다) .property 이름) 컴포넌트의 해당 속성

//js代码
var love = document.getElementById('myqr');//通过id获取对应组件的索引
var a = love.value;//将组件的value属性值赋给变量a
love.value = "love you so much";//将组件的输入内容设为该字符串
love.type = "file";//将组件的输入类型设为文件

2. JS 함수는 onclick 속성을 통해 버튼에 응답합니다

<!--html代码-->
<button onclick="myqr()">完成</button>

버튼 컴포넌트의 onclick 속성을 myqr()로 설정한 후 버튼을 클릭하면 js의 myqr() 함수가 실행됩니다

//js代码
function  myqr(){
   alert("love you so much");
}

【관련 추천 : javascript video tutorial, web front-end】

위 내용은 JavaScript와 HTML의 차이점과 관계에 대해 이야기해 보겠습니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!