> 웹 프론트엔드 > HTML 튜토리얼 > 외부 JS 파일을 HTML에 도입하는 방법을 단계별로 가르칩니다.

외부 JS 파일을 HTML에 도입하는 방법을 단계별로 가르칩니다.

烟雨青岚
풀어 주다: 2020-07-02 11:56:36
앞으로
6666명이 탐색했습니다.

외부 JS 파일을 HTML에 도입하는 방법을 단계별로 가르칩니다.

프론트엔드를 배울 때 친구들은 HTML에서 외부 JS 파일을 도입하는 방법에 대해 혼란스러워할 것입니다. 다음 편집기는 HTML에서 외부 JS 파일을 도입하는 방법을 알려줄 것입니다.

외부 JS 파일을 도입할 때 <script></script> 사이에 코드를 삽입할 수 없습니다. 삽입된 코드는 실행되지 않고 가져온 외부 파일만 실행됩니다.

attack.html code:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>系好安全带,准备启航</title>
<!--引入外部文件的方式-->
<script type="text/javascript" src="attack.js"></script>
</head>
<body>
<form>
<input type="button" value="开始游戏" onclick="attackEnemy()"/>
</form>
</body>
</html>
로그인 후 복사

attack.js code

function attackEnemy() {
document.write("land on");
alert("ready go");
}
로그인 후 복사

읽어주셔서 감사합니다. 많은 도움이 되셨으면 좋겠습니다.

이 기사는 https://blog.csdn.net/u012871987/article/details/72638373

추천 튜토리얼: "HTML Tutorial"

에서 복제되었습니다.

위 내용은 외부 JS 파일을 HTML에 도입하는 방법을 단계별로 가르칩니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:csdn.net
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿