자바스크립트 스크립트는 무엇으로 해석되고 실행되나요?-프런트엔드 Q&A-php.cn

자바스크립트 스크립트는 무엇으로 해석되고 실행되나요?

藏色散人

풀어 주다： 2022-01-19 16:22:00

원래의

2918명이 탐색했습니다.

Javascript 스크립트는 브라우저에 의해 해석되고 실행됩니다. 1. 페이지가 열릴 때 브라우저가 스크립트를 실행합니다. 2. 스크립트를 실행하기 위해 onLoad 이벤트를 사용합니다. 스크립트를 실행합니다.

자바스크립트 스크립트는 무엇으로 해석되고 실행되나요?

이 기사의 운영 환경: Windows 7 시스템, javascript 버전 1.8.5, DELL G3 컴퓨터

javascript 스크립트는 어떻게 해석되고 실행됩니까?

javascript 스크립트는 브라우저에 의해 해석되고 실행됩니다.

자바스크립트 스크립트는 언제 실행되나요?

Javascript는 HTML 내 어디에나 삽입할 수 있지만 언제 호출되나요? 브라우저는 HTML 파일을 열 때 선언된 함수가 아닌 스크립트를 직접 실행하거나 이벤트를 통해 스크립트 함수를 호출하게 됩니다.

1. 브라우저는 페이지를 열 때 스크립트를 실행합니다.

브라우저가 HTML 파일을 열면 html 태그와 스크립트를 포함하여 전체 파일을 처음부터 해석합니다. 스크립트에 직접 실행할 수 있는 명령문이 있는 경우, 해당 명령문을 만나면 즉시 해석되어 실행됩니다. 주로 다음 두 가지 상황이 있습니다:

1) 프로그램이 시작되면(여기서는 브라우저 로딩 페이지를 나타냄) 경고와 같은 기능이 실행되어

<html>
  <head>
    <title>demo</title>
    <script type="text/javascript">
      alert("dare you click me once again");  
    </script>
  </head>
  <body onLoad="display()">
  </body>
</html>

로그인 후 복사

2)를 실행합니다. 함수가 자동으로 호출됩니다(사용자 클릭 및 기타 동작에 의해 트리거되지 않음)

2. onLoad 이벤트를 사용하여 스크립트를 실행합니다(** 발생을 수신한 후 실행하는 것과 동일)

onLoad 이벤트는 다음과 같은 경우에 발생합니다. 페이지가 브라우저에서 열립니다. 이 방법은 페이지를 열고 사용자에게 일부 메시지를 표시하는 데 자주 사용됩니다.

다음 예제에서는 데모를 위해 레이블의 onLoad 이벤트를 사용합니다.

<html>
  <head>
    <title>demo</title>
    <script type="text/javascript">
      //insert javascript code here.
      function display()
      {
        alert("dare you click me once again")  
      }
    </script>
  </head>
  <body onLoad="display()">
  </body>
</html>

로그인 후 복사

3. 사용자 이벤트를 사용하여 스크립트 실행

사용자는 브라우저를 사용할 때 마우스를 비례적으로 움직이거나 링크를 클릭하는 등의 일부 작업을 수행하는 경우가 많습니다. 또는 버튼 등. 작업은 해당 이벤트를 생성합니다. 이러한 이벤트를 사용하여 스크립트 기능을 호출할 수 있습니다.

다음 예제에서는 클릭 버튼 이벤트를 사용하여 display() 함수를 호출합니다.

<html>
  <head>
    <title>demo</title>
    <script type="text/javascript">
      //insert javascript code here.
      function display(){
        alert("you click me ,it is so pain")
        }
    </script>
  </head>
  <body>
    <center><br>
    <form>
      <input type="button" value="onclick" onclick="display()">
    </form>
  </center>
  </body>
</html>

로그인 후 복사