js의 세 가지 호출 방법의 장점과 단점 요약-JS 튜토리얼-php.cn

js의 세 가지 호출 방법의 장점과 단점 요약

php中世界最好的语言

풀어 주다： 2018-05-12 14:02:48

원래의

1989명이 탐색했습니다.

이번에는 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(&#39;哈哈哈哈&#39;)"> 
<!--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 개인정보 열람 및 비밀번호 수정 구현 방법

Vue array mutation 구현에 대한 자세한 설명

위 내용은 js의 세 가지 호출 방법의 장점과 단점 요약의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!