집 > 기사 > 웹 프론트엔드 > 페이지에 js를 도입하는 방법은 무엇입니까?

페이지에 js를 도입하는 방법은 무엇입니까?

php中世界最好的语言원래의: 2018-04-18 15:18:352065검색

이번에는 js를 페이지에 도입하는 방법과 js를 페이지에 도입할 때 주의사항에 대해 소개하겠습니다. 다음은 실제 사례입니다.

페이지에 js를 도입하는 두 가지 기본 방법이 있습니다. 페이지에 js를 삽입하는 것과 외부 js 파일을 참조하는 것입니다.

1. 페이지에 js를 삽입하세요

이것이 페이지에서 js를 사용하는 가장 간단한 방법입니다. 저는 주로 작은 테스트를 작성할 때 이 방법을 사용합니다.

앞에 스크립트 요소를 작성하며, 스크립트 요소의 내용은 js 코드입니다. 좋아요:

<script>
// 在这里写js
function test(){
alert('说点什么呢'); 
}
test();
</script>

2. 외부 js 파일 참조

외부 js 파일을 참조하면 js 파일과 HTML 파일을 분리할 수 있고, 하나의 js 파일을 여러 HTML 파일에서 사용할 수 있어 유지 관리가 더 편리합니다.

사용법은 스크립트 요소의 src

속성을 js 파일의 URL로 설정하는 것입니다(예:

<script src="js/test.js"></script>

) 3. HTML 파일에서 스크립트 요소의 위치

head 요소 안에 스크립트 요소를 넣으면 다음과 같습니다:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="xxx.js"></script>
</head>
<body>
<!--页面内容-->
</body>
</html>

이 경우 브라우저가 js 파일을 다운로드하고 구문 분석하고 실행할 때까지 페이지 콘텐츠가 렌더링되지 않습니다. 페이지에 많은 js 파일이 필요한 경우 브라우저에 짧은 "화이트보드"가 있을 수 있으며 사용자 경험이 좋지 않습니다.

따라서 앞에 js 파일을 배치하여 브라우저가 사용자에게 페이지를 먼저 표시하도록 해야 합니다.

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<!--<script src="xxx.js"></script>-->
</head>
<body>
<!--页面内容-->
<script src="xxx.js"></script>
</body>
</html>

나는 당신이 이 기사를 읽는 방법을 마스터했다고 믿습니다. 더 흥미진진한 내용을 알고 싶다면 PHP 중국어 웹사이트의 다른 관련 기사를 주목해 보세요!