[ javascript ] 자바스크립트 선언문( 내부 선언, 외부 선언 ) > javascript&jQuery

본문 바로가기
사이트 내 전체검색

javascript&jQuery

[ javascript ] 자바스크립트 선언문( 내부 선언, 외부 선언 )

페이지 정보

작성자 웹지기 댓글 0건 조회 2,538회 작성일 21-02-09 11:22

본문

※ 자바스크립트 선언문

1) 내부스크립트로 작성법

 - 선언문은 자바스크립트 코드를 작성할 영역을 선언하는 것

 - 태그 선언문의 시작과 종료의 사이에 코드를 적는다.

 

 예) <script>  -- 코드 작성 -- </script>

 - 태그 선언은 <head><script></script></head> 또는 <body><script></script></body> 사이에 선언해서 사용한다.

 

2) 외부스크립트로 작성법

 - js 파일을 작성하고 파일에 코드를 작성한다.

 

예) javascript.js 파일작성(js파일에서는 <script></script>선언을 하지 않는다.)

document.write("Hello World");

 

저장 후

외부 자바스크립트를 불러올 때 async와 defer가 있는데

<script async src="11.js"></script>는 파일을 다운로드를 받아놓은 상태에서 먼저 다운받은 순서대로 js를 실행

<script defer src="11.js"></script>는 파일을 순차적으로 받아들여 정해놓은 순서대로 파일을 불러오므로 효율적이다.

javascript를 body 영역에 놓은것보다 head 에서 defer를 이용해서 불러오는게 더 효율적이다.

 

js 파일처럼 외부파일을 작성할 때 상단에

'use strict'; <=== 구문을 사용하게 되면 비정상적인 선언문에 대한 오류를 방지할 수 있다.

즉, a = 1; 이라고 바로 선언을 하게 되면 일반적인 자바스크립트에서는 선언이 되지 않았다고 오류가 발생하지 않을 수 있는데

위 구문을 설정하면 선언되지 않은 구문이라는 오류를 보여준다.

 


<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

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

<title>외부 자바스크립트 불러오기</title>

</head>

<body>

</body>

</html>

 

추천0 비추천0

댓글목록

등록된 댓글이 없습니다.

Total 63건 2 페이지
  • 열람중 [ javascript ] 자바스크립트 선언문( 내부 선언, 외부 선언 )
  • ※ 자바스크립트 선언문 1) 내부스크립트로 작성법 - 선언문은 자바스크립트 코드를 작성할 영역을 선언하는 것 - 태그 선언문의 시작과 종료의 사이에 코드를 적는다. 예) &lt;script&gt; -- 코드 작성 -- &lt;/script&gt; - 태그 선언은 &lt;head&gt;&lt;script&gt;&lt;/script&gt;&lt;/head&gt; 또는 &lt...
  • 웹지기 02-09 2539 0 0 댓글 0
+6
  • 47 [ javascript ] 이클립스에 자바스크립트 자동완성 추가하기
  • tern.repository-1.2.1.zip 파일을 다운을 받는다. Help &gt; Install new Software 를 통해 다운받은 파일을 등록한다. 중간에 Install~~ 등의 문구가 나오면 Install 클릭하고 Restart가 나오면 재시작 해준다. 새로운 프로젝트를 만들고 설정을 해준다. Javascript &gt; tern 에서 ECMAscript6 선택 Javascript &gt; tern &gt; mod...
  • 웹지기 02-08 1770 0 0 댓글 0
  • 46 [ jQuery ] ajax 통신
  • Ajax 에서 응답을 받아서 처리하는 함수를 CallBack 함수라 한다. Ajax 동기식과 비동기식의 차이 - 동기식과 비동기식은 Ajax 자체에서 처리하게 해주는 기능 - 동기방식은 여러개의 요청을 요청 순서대로 하나씩 차례로 처리하는 방식 첫번째 요청이 끝나지 않으면 두번째 요청이 처리 되지 않는다. 첫번째 요청이 처리가 되어야 다음으로 넘어갈 수 있다. - 비동기방식은 여러개의 요청을 순서에 상관없이 처리 순서에 따라 처리하는 방식 첫번째 요청과 두번째 요청에서 먼저...
  • 웹지기 01-29 1393 0 0 댓글 0
  • 45 [ jquery ] jquery란 무엇인가?
  • jQuery 1) 정의 - jQuery란 웹사이트에 자바스크립트를 쉽게 사용할 수 있도록 도와주는 오픈소스 기반의 자바스크립트 라이브러리. - "write less, do more(적게 작성하고, 많은 것을 하자)" 라는 모토로 2006년 미국의 SW 개발자 존 레식(John Resig)이 발표 2) 특징 - 웹페이지 상에서 요소(Element)를 쉽게 찾고 조작할 수 있다. - 거의 모든 웹브라우저에 대응할 정도로 호환성이 매우 뛰어남 - 네트워크, 애니메...
  • 웹지기 01-28 1637 0 0 댓글 0
  • 44 [ jquery ] jquery 선언 하고 사용하기
  • jquery 불러오기 두가지 방식 head 태그에 링크를 직접 넣는 방법 ( 서버에 업로드 후 사용 ) &lt;script src="https://funyphp.com/js/jquery-1.8.3.min.js.pagespeed.jm.0IhQ85x_cu.js"&gt;&lt;/script&gt; head 태그에 cdn을 이용해서 넣는 방법 &lt;script src="http://code.jquery.com/jquery-3...
  • 웹지기 01-27 4482 0 0 댓글 0
  • 43 [ javascript ] 함수 선언식, 함수 표현식, 람다식
  • 함수 선언식, 함수 표현식, 람다식 - 함수 선언식 : 일반적인 프로그래밍 언어에서의 함수 선언과 비슷한 형식 ( function 함수명() { 로직 } ) - 함수 표현식 : 유연한 자바 스크립트 언어의 특징을 활용한 선언 방식 ( var 함수명 = function () { 로직 } ) - 람다식 : ( ) =&gt; $(document).ready( () =&gt; { }); 함수선언식은 호이스팅에 영향을 받지만, 함수표현식은 호이스팅에 영향을 받지 ...
  • 웹지기 01-15 1809 0 0 댓글 0
  • 42 [ ECMAScript ] javascript - continue 라벨 문
  • continue mainloop 문 - 평균값과 최대 평균값 구하기 배열값 중에서 10보다 큰 값이 나오면 다음 배열로 넘어가고 배열값 중에서 10보다 큰 값이 없으면 for문 종료 a[0][] 배열에는 10이 없으므로 배열은 합하고 종료 a[1][] 배열에서 1, 5, 12 까지 진행이 되고 종료되지 않고 연결해서 a[2][] 배열로 넘겨 버린다. &lt;!DOCTYPE html&gt; &lt;html&gt; &lt...
  • 웹지기 01-15 1951 0 0 댓글 0
  • 35 [ jQuery ] 배열
  • 배열 만들기var fruits = ['사과', '바나나'];console.log(fruits.length);// 2인덱스로 배열의 항목에 접근var first = fruits[0];// 사과var last = fruits[fruits.length - 1];// 바나나배열의 항목들을 순환하며 처리하기fruits.forEach(function (item, index, array) { console.log(item, index);});// 사과 0// 바나나 1배열 끝에 항목 추가하기var newLen...
  • 웹지기 09-10 2340 0 0 댓글 0
  • 34 [ jQuery ] radio button control
  • checked 된 radio 값$('input:radio[name="radio_name"]:checked').val();특정 radio 버튼 checked$('input:radio[name="radio_name"]:input[value="1"]').attr("checked", true);(checked 해제는 false)- value 자리에 원하는 값을 세팅하면 radio_name 으로 된 버튼중 해당 값과 매칭되는 것을 찾아...
  • 웹지기 09-10 2814 0 0 댓글 0
게시물 검색

회원로그인

접속자집계

오늘
23,087
어제
25,306
최대
43,745
전체
10,653,952

그누보드5
Copyright © funyphp.com. All rights reserved.