복붙노트

[JQUERY] 어떻게 HTML 파일에 자바 스크립트 파일을 링크합니까?

JQUERY

어떻게 HTML 파일에 자바 스크립트 파일을 링크합니까?

해결법

  1. 1.먼저 다음 http://jquery.com/에서 jQuery 라이브러리를 다운로드해야 당신의 HTML 헤드 태그 내에서 jQuery 라이브러리를 다음과 같은 방법을로드

    먼저 다음 http://jquery.com/에서 jQuery 라이브러리를 다운로드해야 당신의 HTML 헤드 태그 내에서 jQuery 라이브러리를 다음과 같은 방법을로드

    다음은 JQuery와 JQuery와로드 스크립트 후 jQuery 코드를 코딩에 의해 작동하는지 테스트 할 수 있습니다

    <!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<!--LINK JQUERY-->
<script type="text/javascript" src="jquery-3.3.1.js"></script>
<!--PERSONAL SCRIPT JavaScript-->
<script type="text/javascript">
   $(function(){
      alert("My First Jquery Test");
   });
</script>

</head>
<body><!-- Your web--></body>
</html>

    당신이 JQuery와 스크립트 파일을 사용하려면 별도로 외부의 .js는 jQuery 라이브러리 로딩 후이 방법으로 파일을 정의해야합니다.

    <script type="text/javascript" src="jquery-3.3.1.js"></script>
<script src="js/YourExternalJQueryScripts.js"></script>

    <스크립트 SRC = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"> <스크립트 유형 = "텍스트 / 자바 스크립트"> () {(기능 $ 경고 ( "나의 첫 JQuery와 테스트"); });

  2. 2.이것은 당신이 HTML에서 JS 파일을 링크하는 방법입니다

    이것은 당신이 HTML에서 JS 파일을 링크하는 방법입니다

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

    - 태그 JavaScript와 같은 클라이언트 측 스크립트를 정의하는 데 사용된다.

    입력 - 스크립트의 유형을 지정

    SRC - 스크립트 파일 이름과 경로

  3. 3.당신은 당신의 자바 스크립트 파일을 이상적으로 어떤 점 내부 HTML 문서에 스크립트 태그를 추가 할 수 있습니다. 스크립트 태그의 순서가 중요하다. 당신이 당신의 스크립트에서 jQuery를 사용하려면 스크립트 파일 전에 jQuery를로드합니다.

    당신은 당신의 자바 스크립트 파일을 이상적으로 어떤 점 내부 HTML 문서에 스크립트 태그를 추가 할 수 있습니다. 스크립트 태그의 순서가 중요하다. 당신이 당신의 스크립트에서 jQuery를 사용하려면 스크립트 파일 전에 jQuery를로드합니다.

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="relative/path/to/your/javascript.js"></script>

    그런 다음 자바 스크립트 파일에 당신은 $ 기호 또는 jQuery를 사용하거나 jQuery를 참조 할 수 있습니다. 예:

    jQuery.each(arr, function(i) { console.log(i); });

  4. 4.외부 자바 스크립트 파일을 포함하려면 당신은

'JQUERY' 카테고리의 다른 글

[JQUERY] 지연 JQuery와 호버 이벤트?  (0) 2020.10.16
[JQUERY] Laravel 5.5 아약스 전화 419 (알 수없는 상태)  (0) 2020.10.16
[JQUERY] jQuery를 사용하여 요소의 모든 속성을  (0) 2020.10.16
[JQUERY] 내 웹 사이트에 "추가 즐겨 찾기"버튼 또는 링크를 추가하는 방법은 무엇입니까?  (0) 2020.10.16
[JQUERY] 자바 스크립트 및 사용 jQuery를 함께 jQuery를로드  (0) 2020.10.16
,

티스토리툴바