js의 세 가지 호출 방법의 장점과 단점 요약
- php中世界最好的语言원래의
- 2018-05-12 14:02:481957검색
이번에는 js의 세 가지 호출 방법의 장단점을 요약해 보겠습니다. js의 세 가지 호출 방법을 사용할 때 주의 사항은 무엇입니까? 다음은 실제 사례입니다.
이 문서에서는 js를 사용하는 세 가지 방법(인라인 js, 내부 js, 외부 js)에 대한 예제 코드를 설명합니다. 관심 있는 친구는 이를 참고할 수 있으며 세부 사항은 다음과 같습니다.
1 인라인 js: js가 작성되지 않습니다. 별도로 Out
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js使用方式1：行内js</title> </head> <body> <input type="button" value="点击有惊喜" onclick="javascript:alert('哈哈哈哈')"> <!--onclick:点击触发一个事件，alert：弹出一个对话框--> </body> </html>
2. 내부 js: 스크립트에 있는 프로그램을 전체 페이지에서 사용할 수 있습니다
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>js使用方式2：内部js</title>
<script type="text/javascript">
//声明一个函数(整个文档都可以使用)
function surprise() {
alert('恭喜你中了一百万')/*弹出框*/
}
</script>
</head>
<body>
<input type="button" value="点击有惊喜" onclick="surprise()"><!--调用函数-->
<input type="button" value="点击" onclick="surprise()">
</body>
</html>
3. 외부 js: 많은 html 페이지에서 set js 페이지를 호출할 수 있습니다
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js使用方式3：外部js</title> <!--很多html页面都可以调用js4.js页面--> <script src="../../js/js4.js" type="text/javascript" charset="utf-8"> </script> </head> <body> <input type="button" value="点击" onclick="test()"> </body> </html>
이 기사의 사례를 읽었습니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!
추천도서 :
Vue array mutation 구현에 대한 자세한 설명
위 내용은 js의 세 가지 호출 방법의 장점과 단점 요약의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.