>  기사  >  웹 프론트엔드  >  [자바스크립트 튜토리얼] 자바스크립트 사용법

[자바스크립트 튜토리얼] 자바스크립트 사용법

黄舟
黄舟원래의
2016-12-24 14:20:50959검색

자바스크립트 사용법

HTML의 스크립트는 3f1c4e4b6b16bbbd69b2ee476dc4f83a 태그 사이에 배치되어야 합니다.

스크립트는 HTML 페이지의 6c04bd5ca3fcae76e30b72ad730ca86d 섹션에 배치할 수 있습니다.

3f1c4e4b6b16bbbd69b2ee476dc4f83a 태그

HTML 페이지에 JavaScript를 삽입하려면 3f1c4e4b6b16bbbd69b2ee476dc4f83a

3f1c4e4b6b16bbbd69b2ee476dc4f83a 및 2cacc6d41bbb37262a98f745aa00fbf0는 JavaScript의 시작 위치와 끝 위치를 알려줍니다.

3f1c4e4b6b16bbbd69b2ee476dc4f83a와 2cacc6d41bbb37262a98f745aa00fbf0 사이에는 JavaScript가 포함되어 있습니다.

<script>
alert("我的第一个 JavaScript");
</script>

위 코드를 이해할 필요는 없습니다. 브라우저는 3f1c4e4b6b16bbbd69b2ee476dc4f83a와 2cacc6d41bbb37262a98f745aa00fbf0 Type="text/javascript" 사이의 JavaScript 코드를 해석하고 실행하며 3f1c4e4b6b16bbbd69b2ee476dc4f83a 더 이상 필요하지 않습니다. JavaScript는 HTML5뿐만 아니라 모든 최신 브라우저의 기본 스크립트 언어입니다.

6c04bd5ca3fcae76e30b72ad730ca86d

의 JavaScript는 페이지가 로드될 때 HTML의 6c04bd5ca3fcae76e30b72ad730ca86d에 텍스트를 씁니다.

JavaScript 함수 및 이벤트

위 예제의 JavaScript 문은 페이지가 로드될 때 실행됩니다.

사용자가 버튼을 클릭하는 등 이벤트가 발생할 때 코드를 실행해야 하는 경우가 많습니다.
<!DOCTYPE html>
<html>
<body>
.
.
<script>
document.write("<h1>这是一个标题</h1>");
document.write("<p>这是一个段落</p>");
</script>
.
.
</body>
</html>

함수에 자바스크립트 코드를 넣으면 이벤트 발생 시 함수를 호출할 수 있습니다.

나중 장에서 JavaScript 함수 및 이벤트에 대해 자세히 알아보게 됩니다.

93f0f5c25f18dab9d176bd4f6de5d30e 또는 6c04bd5ca3fcae76e30b72ad730ca86d의 JavaScript

HTML 문서에는 스크립트를 무제한으로 넣을 수 있습니다.

스크립트는 HTML의 6c04bd5ca3fcae76e30b72ad730ca86d 또는 93f0f5c25f18dab9d176bd4f6de5d30e 섹션에 있을 수 있습니다.

일반적인 접근 방식은 93f0f5c25f18dab9d176bd4f6de5d30e 섹션이나 페이지 하단에 기능을 배치하는 것입니다. 이렇게 하면 페이지 내용을 방해하지 않고 동일한 위치에 배치할 수 있습니다.

93f0f5c25f18dab9d176bd4f6de5d30e의 JavaScript 함수

이 예에서는 HTML 페이지의 93f0f5c25f18dab9d176bd4f6de5d30e 섹션에 JavaScript 함수를 배치합니다.

버튼을 클릭하면 이 함수가 호출됩니다.

인스턴스

6c04bd5ca3fcae76e30b72ad730ca86d의 JavaScript 함수 HTML 페이지의 6c04bd5ca3fcae76e30b72ad730ca86d

버튼을 클릭하면 이 함수가 호출됩니다:

인스턴스
<!DOCTYPE html>
<html><head>
<script>
function myFunction()
{
document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";
}
</script>
</head>
<body>
<h1>我的 Web 页面</h1>
<p id="demo">一个段落</p>
<button type="button" onclick="myFunction()">尝试一下</button>
</body>
</html>

외부 JavaScript

스크립트를 외부에 저장할 수도 있습니다. 파일 . 외부 파일에는 여러 웹 페이지에서 사용되는 코드가 포함되는 경우가 많습니다.

외부 JavaScript 파일의 파일 확장자는 .js입니다.

외부 파일을 사용하려면 3f1c4e4b6b16bbbd69b2ee476dc4f83a 태그의 "src" 속성에 .js 파일을 설정하세요.
<!DOCTYPE html>
<html>
<body><h1>我的 Web 页面</h1>
<p id="demo">一个段落</p>
<button type="button" onclick="myFunction()">尝试一下</button>
<script>
function myFunction()
{
document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";
}
</script>
</body>
</html>

<!DOCTYPE html>
<html>
<body>
<script src="myScript.js"></script>
</body>
</html>

你可以将脚本放置于 93f0f5c25f18dab9d176bd4f6de5d30e 或者 6c04bd5ca3fcae76e30b72ad730ca86d中 实际运行效果与您在 3f1c4e4b6b16bbbd69b2ee476dc4f83a 标签中编写脚本完全一致。

外部脚本不能包含 3f1c4e4b6b16bbbd69b2ee476dc4f83a 标签。

   

 以上就是【JavaScript教程】JavaScript 用法的内容,更多相关内容请关注PHP中文网(www.php.cn)!


성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.