>  기사  >  웹 프론트엔드  >  JavaScript 작성 방법 알아보기

JavaScript 작성 방법 알아보기

coldplay.xixi
coldplay.xixi앞으로
2020-11-24 16:40:544028검색

javascript 칼럼에서는 자바스크립트 작성 방법을 소개합니다.

JavaScript 작성 방법 알아보기

관련 무료 학습 권장 사항: JavaScript(동영상)

JavaScript 소개 기사:

HTML 및 CSS 작성 방법을 이미 알고 있지만 아직 JavaScript를 배우지 않은 경우 다음을 수행할 수 있습니다. 작가의 글에서 배우기 여기 글이 제가 배우기 시작한 곳입니다.

JavaScript는 JS 엔진에서 실행되는 V8 엔진입니다.
JavaScript가 작성되는 곳이 가장 먼저 알아야 할 사항입니다.

총 3군데에 쓸 수 있습니다.

  1. 인라인, 요소에 이벤트 추가
<button onclick=&#39;alert("hello")&#39;>按钮</button>
  1. html 내부에 쓰기
    (보통 모든 HTML 콘텐츠 뒤에 본문의 닫는 태그 앞에 위치)
<script type="text/javascript">	//type="text/javascript"可忽略
	//你的JS代码</script>
  1. 외부 j 접미사 js 파일에 씁니다. 그런 다음 참조하십시오.
    예를 들어, 이제 index.js 파일을 작성하여 html
  2. <script src="./index.js"></script>

과 같은 디렉토리에 넣습니다. 참고:
1. src는 외부 JS 파일 경로를 소개합니다
2. < ;/script>는 단독으로 나타나야 합니다
3. 여는 태그와 닫는 태그 사이. JS 코드는 나타나지 않으며, 나타나더라도 실행되지 않습니다.

JavaScript 출력 입력 방법

출력:

  1. alert('prompt message') - - 브라우저 렌더링 및 기타 작업을 중단하는 경고 상자를 표시합니다.
  2. document.write('content'); - - 출력 내용을 문서 스트림으로 인쇄합니다. 이 접근 방식은 일반적으로 사용되지 않습니다. 이해할 수 있습니다.
  3. console.log('prompt content'); - - 로그 내용을 콘솔에 출력합니다(콘솔은 페이지에서 F12를 누른 후에 표시됩니다). 프론트엔드 프로그래머는 실제 프로젝트 개발 과정에서 지속적인 디버깅이 필요하기 때문에 꼭 배워야 하는 직업입니다. 특히 성가신 버그가 나타날 때. console.log를 플레이하는 더 많은 방법을 보려면저자의 다른 글을 읽어보세요: 당신이 모르는 콘솔의 멋진 작동

입력:

  1. prompt(프롬프트 메시지)
    사용자가 확인 버튼을 클릭합니다. 사용자 입력값을 얻기 위해 사용자가 취소 버튼을 클릭하면 null
  2. 입력, 텍스트 영역 등 양식의 입력 상자
    를 얻거나 요소가 편집 가능한 상태로 변경됩니다(모르는 경우). 요소를 편집 가능한 상태로 변경하는 방법은 작성자의 리치 텍스트 편집기 구현 원칙을 참조하세요.)
JavaScript 변수.

변수: 메모리 내 데이터 저장 공간. 이 공간에 저장된 데이터는 작업이 진행됨에 따라 변경될 수 있습니다.
변수의 세 가지 요소:
1. 변수 이름
2. 변수 값
3. 데이터 유형
JS는 약한(동적) 유형 언어이며 변수가 생성될 때 데이터 유형을 신경 쓰지 않습니다. 데이터 유형을 실행한 후에만 결정됩니다.
구문:
변수 정의:

var 变量名 = 变量值;//分解var 变量名;变量名 = 变量值;

실제 프로젝트 개발에서는 기본적으로 var를 사용하여 변수를 정의하지 않습니다. 일반적으로 var는 평판 향상 및 메모리 누수 문제가 있기 때문에 const 및 let을 사용하여 변수를 선언합니다. const 및 let에 대한 자세한 내용은 작성자 b의 ES6 소개를 참조하세요.
변수 명명 규칙:
a. 포함될 수 있는 문자: 문자, 숫자, _, $
b. 숫자로 시작할 수 없습니다.
c. 키워드나 예약어가 될 수 없습니다.
키워드/예약어: 예 고정된 문법적 의미가 있는 단어
키워드 및 예약어에 대한 자세한 내용은 ECMAScript 키워드 및 예약어를 참조하세요. d. 대문자와 소문자를 엄격하게 구분하세요.

변수 명명 규칙: a. 단어는 변수 이름으로 사용되며 이름으로 의미를 알 수 있습니다.
b. 단어가 여러 개인 경우 첫 번째 단어의 첫 글자는 소문자로, 다른 단어의 첫 글자는 대문자로 표시합니다.

변수의 데이터 유형에 대한 자세한 소개는 JavaScript 데이터 유형 소개를 참조하세요.
JavaScript 소개 글:

이미 html과 css 작성 방법을 알고 있지만, 아직 JavaScript를 배우지 않았다면 여기에서 저자의 기사를 통해 학습을 시작할 수 있습니다.

JavaScript는 JS 엔진에서 실행되는 V8 엔진입니다.
JavaScript가 작성되는 곳이 가장 먼저 알아야 할 사항입니다.

총 3군데에 쓸 수 있습니다.

  1. 인라인, 요소에 이벤트 추가
<button onclick=&#39;alert("hello")&#39;>按钮</button>
  1. html 내부에 쓰기
    (보통 모든 HTML 콘텐츠 뒤에 본문의 닫는 태그 앞에 위치)
<script type="text/javascript">	//type="text/javascript"可忽略
	//你的JS代码</script>
  1. 외부 j 접미사 js 파일에 씁니다. 그런 다음 참조하십시오.
    예를 들어, 이제 index.js 파일을 작성하여 html
  2. <script src="./index.js"></script>

과 같은 디렉토리에 넣습니다. 참고:
1. src는 외부 JS 파일 경로를 소개합니다
2. < ;/script>는 단독으로 나타나야 합니다
3. 여는 태그와 닫는 태그 사이. JS 코드는 나타나지 않으며, 나타나더라도 실행되지 않습니다.

JavaScript 출력 입력 방법

출력:

  1. alert('prompt message') - - 브라우저 렌더링 및 기타 작업을 중단하는 경고 상자를 표시합니다.
  2. document.write('content'); - - 출력 내용을 문서 스트림으로 인쇄합니다. 이 접근 방식은 일반적으로 사용되지 않습니다. 이해할 수 있습니다.
  3. console.log('prompt content'); - - 로그 내용을 콘솔에 출력합니다(콘솔은 페이지에서 F12를 누른 후에 표시됩니다). 프론트엔드 프로그래머는 실제 프로젝트 개발 과정에서 지속적인 디버깅이 필요하기 때문에 꼭 배워야 하는 직업입니다. 특히 성가신 버그가 나타날 때. console.log를 플레이하는 더 많은 방법을 보려면저자의 다른 글을 읽어보세요: 당신이 모르는 콘솔의 멋진 작동

입력:

  1. prompt(프롬프트 메시지)
    사용자가 확인 버튼을 클릭합니다. 사용자 입력값을 얻기 위해 사용자가 취소 버튼을 클릭하면 null
  2. 입력, 텍스트 영역 등 양식의 입력 상자
    를 얻거나 요소가 편집 가능한 상태로 변경됩니다(모르는 경우). 요소를 편집 가능한 상태로 변경하는 방법은 작성자의 리치 텍스트 편집기 구현 원칙을 참조하세요.)
JavaScript 변수.

변수: 메모리 내 데이터 저장 공간. 이 공간에 저장된 데이터는 작업이 진행됨에 따라 변경될 수 있습니다.
변수의 세 가지 요소:
1. 변수 이름
2. 변수 값
3. 데이터 유형
JS는 약한(동적) 유형 언어이며 변수가 생성될 때 데이터 유형을 신경 쓰지 않습니다. 데이터 유형을 실행한 후에만 결정됩니다.
구문:
변수 정의:

var 变量名 = 变量值;//分解var 变量名;变量名 = 变量值;

실제 프로젝트 개발에서는 기본적으로 var를 사용하여 변수를 정의하지 않습니다. 일반적으로 var는 평판 향상 및 메모리 누수 문제가 있기 때문에 const 및 let을 사용하여 변수를 선언합니다. const 및 let에 대한 자세한 내용은 작성자 b의 ES6 소개를 참조하세요.
변수 명명 규칙:
a. 포함될 수 있는 문자: 문자, 숫자, _, $
b. 숫자로 시작할 수 없습니다.
c. 키워드나 예약어가 될 수 없습니다.
키워드/예약어: 예 고정된 문법적 의미가 있는 단어
키워드 및 예약어에 대한 자세한 내용은 ECMAScript 키워드 및 예약어를 참조하세요. d. 대문자와 소문자를 엄격하게 구분하세요.

변수 명명 규칙: a. 단어는 변수 이름으로 사용되며 이름으로 의미를 알 수 있습니다.
b. 단어가 여러 개인 경우 첫 번째 단어의 첫 글자는 소문자로, 다른 단어의 첫 글자는 대문자로 표시합니다.

변수의 데이터 유형에 대한 자세한 소개는
JavaScript데이터 유형 소개를 참조하세요.

위 내용은 JavaScript 작성 방법 알아보기의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 csdn.net에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제