dw는 자바스크립트 메소드를 호출합니다.-프런트엔드 Q&A-php.cn

DW는 Javascript 메서드를 호출합니다

Dreamweaver는 Javascript 코드 편집기를 통합하는 강력한 웹 디자인 도구입니다. 웹 페이지를 작성할 때 일반적으로 일부 Javascript 기능을 사용하여 양식 유효성 검사, 페이지 전환, 대화형 효과 등과 같은 일부 대화형 작업을 완료합니다. Dreamweaver에서 Javascript 메소드를 호출하도록 하는 방법은 무엇입니까? 아래에서 이 문제를 논의해 보겠습니다.

1. Dreamweaver의 내장 Javascript 편집기에서 함수를 만듭니다.

먼저 Dreamweaver의 내장 Javascript 편집기에서 함수를 작성합니다. 예를 들면 다음과 같습니다.

function greeting() {
  alert("Hello World!");
}

로그인 후 복사

이 함수의 기능은 "Hello World!" 프레임이 포함된 프롬프트입니다.

2. Javascript 기능을 HTML 페이지에 삽입합니다

다음으로 이 기능을 버튼과 같은 HTML 페이지의 특정 요소에 삽입합니다. 다음 단계를 수행할 수 있습니다.

Dreamweaver에서 해당 HTML 페이지 파일을 엽니다.
HTML 페이지에서 적절한 위치를 찾아 버튼 요소 코드를 삽입하세요. 예:

<button onclick="greeting()">点击我</button>

로그인 후 복사

이 버튼의 기능은 클릭 시 인사말 기능을 호출하는 것입니다.

버튼을 클릭할 때 함수가 호출될 수 있도록 버튼 요소에 onclick 이벤트를 추가하세요. 여기서는 함수를 인라인이라고 합니다. 즉, 클릭 이벤트가 HTML 요소에 직접 추가됩니다.

3. 테스트 실행

위 단계를 완료한 후 실행 페이지를 테스트하여 함수가 성공적으로 호출되었는지 확인할 수 있습니다.

Dreamweaver에서 "미리보기" 버튼을 클릭하거나 브라우저를 사용하여 HTML 페이지를 탐색할 수 있습니다.
테스트 버튼을 클릭하세요.

모든 것이 순조롭게 진행되면 "Hello World!"가 포함된 프롬프트 상자가 나타나는 것을 볼 수 있습니다.

4. 기타 호출 방법

HTML 페이지에서 Javascript 함수를 인라인으로 호출하는 것 외에도 함수 호출을 구현하는 다른 방법이 있습니다.

외부 자바스크립트 파일

작성된 함수를 별도의 .js 파일에 저장한 다음 HTML 페이지 헤드의