스크립트를 .js 파일에 넣으려면 어떻게 바꿔야 하나요?

댓글 10

• 웹지기

  2016.05.12 01:58
  아니라면 저 스크립트를 dom 이 읽혀진 후 동작하거나 혹은 페이지가 로드완료되는 시점에서 동작하게 하려면 넣어줘야 하는게 어떻게 되는지라도 알면 도움이 될 듯 합니다.
  좋아요 0
• 오징

  2016.05.12 02:19

  잘모르지만 이런것도 도움이 되나요?

   

  http://appletree.or.kr/blog/web-development/javascript/script-%ED%83%9C%EA%B7%B8%EC%9D%98-async%EC%99%80-defer-%EC%86%8D%EC%84%B1/

  
  http://muckycode.blogspot.kr/2015/01/javascript-html-script-async-defer.html
  
  "Defer 속성을 가진 스크립트 태그 같은 경우에는 HTML 파싱과 동시에 스크립트 다운로드가 진행된다. 그러나 async 속성과는 달리 HTML 파싱이 완료된(</html> 태그를 읽은 후) 후에야 스크립트가 실행된다."
  
  외부/내부스크립트가 뭔지 모르겠지만.. 이런내용도 있으니 안되는걸지도..
  
  "async 속성이나 defer 속성이든 둘다 외부 스크립트 파일에만 적용이 가능한 속성이니 내부 스크립트에 쓰는 일은 없도록 하자"

  좋아요 0
• DoubleU

  2016.05.12 02:24
  $(document).ready(function(){
  이 안에 내용이 어쩌고 저쩌고..
  };
  
  문서가 준비되면 실행하라는 js구문입니다.
  좋아요 0
• 웹지기

  2016.05.12 02:29
  @DoubleU

  $(document).ready(function(){
  $(function(){
  $('html').removeClass('classname');
  });
  };

   

  이건가요?

  좋아요 0
• 

  기진곰

  2016.05.12 02:38
  @웹지기

  $(document).ready(function(){
  $(function(){
  이 두 가지는 같은 뜻입니다. 위의 것이 jQuery 초기에 쓰던 방식이고 아래 것은 요즘 쓰는 방식이죠.
  좋아요 0
• 웹지기

  2016.05.12 02:42
  @기진곰

  아 같은 뜻 이군요. 참조해서 해 보겠습니다. 그런데 의도대로는 다른 문제로 뭔가 잘 안되는듯 하기는합니다. 좀더 해보고 포기하는거로요 ㅋ
  좋아요 0
• 웹지기

  2016.05.12 02:54
  @기진곰

  감사합니다. 뭔가 잘 되는듯 합니다 .FOUC 처리좀 해보려고 용쓰고 있습니다. ㅋ
  모바일에서 js로 컨트롤 숨겼다가 보여주고 하는 동작들이 잇다보니 눈에 거슬리는게 좀 있네요.
  좋아요 0
• DoubleU

  2016.05.12 07:06
  @기진곰

  요즘엔 저렇게 써도 되는 군요....-0-;;;;;
  옛것을 고수하다보니 최신 것에 느린...-0-;;;;
  좋아요 0
• GG

  2016.05.12 02:43

  $->jQuery 로 교체합니다.

  좋아요 0
• mAKEkr

  2016.05.12 10:35
  window.addEventListener('DOMContentLoaded', function() {
  });
  좋아요 0