차근차근/JAVA Script 110

HTML 렌더링 순서에 따른 <script> 태그 사용 권장사항

http://enarastudent.tistory.com/entry/HTML-%EB%A0%8C%EB%8D%94%EB%A7%81-%EC%88%9C%EC%84%9C%EC%97%90-%EB%94%B0%EB%A5%B8-script-%ED%83%9C%EA%B7%B8-%EC%82%AC%EC%9A%A9-%EA%B6%8C%EC%9E%A5%EC%82%AC%ED%95%AD HTML 파일을 브라우저 렌더링 할때 다음과 같은 순서로 렌더링한다. 웹 페이지를 들어오는 사용자들은 5개의 js파일을 보기 전에는 웹페이지의 어떤 구조도,이미지도 볼 수 없다는 말이 된다. 일반적으로 사이트의 외관 구성은 css(link 태그) + body 태그로 구성하게 되는데, 저뒤에 숨어있는 자바스크립트 파일들이 맨 위에 위치하는 바람에 사이트가..

[JS]자바스크립트로 user agent를 통해 모바일 인식하기

[JS]자바스크립트로 user agent를 통해 모바일 인식하기http://nubiz.tistory.com/565 대부분의 사이트에서 모바일 환경을 인식하기 위해 user agent 정보를 활용합니다. User agent란 원래 사용자를 대신하는 소프트웨어입니다.Http에서는 user agent header를 통해 사용자의 환경을 인식하게합니다. 예를들어 스마트폰에서 티스토리 링크를 클릭하면 ~~tistory.com/m/ 으로 시작하는 모바일웹 사이트로 Redirect됩니다.티스토리서버가 사용자의 user agent정보를 읽어서 모바일환경임을 인식하면 모바일웹으로 이동시키게 되는 것이죠. 아래에 현재 당신의 User agent정보가 나타날 것입니다.Mozilla/5.0 (Windows NT 6.3; WO..

ie 버전에 따라 팝업창 띄워주기 | 호환성보기 설정 알아보기

내가 적용한 것 . 다시 수정if((ver == 8) && (agent.indexOf('msie 7') > -1 && agent.indexOf('trident') > -1 )){ 이 부분이 8이면서 호환성 보기가 설정 되있을 때 보여줄 팝업창이라고 생각했는데8에서 호환성 보기가 설정되어 있으면.. 7 로 인식이 된다. ie8호환성보기 설정 호환성 보기 동작중 표준 동작중 ie버전 알아내기 -------------- 호환성 보기 동작중 표준 동작중

홈페이지 접속 팝업창 , 오늘하루 띄우지 않기

이렇게 함 [ 메인화면 jsp상단에 추가 ] 하루동안 이 창을 열지 않음 [ 자바스크립트 ] openWin('div_laypopup'); //창열기 function openWin( winName ) { var blnCookie = getCookie( winName ); var obj = eval( "window." + winName ); if( !blnCookie ) { obj.style.display = "block"; } } // 창닫기 function closeWin(winName, expiredays) { setCookie( winName, "done" , expiredays); var obj = eval( "window." + winName ); obj.style.display = "none";..

jQuery v2.1.4 , ie8 , addEventListener

jQuery v2.1.4 , ie8 , addEventListener ie8에서 에러가 난다.. 화면이 깨짐 [ 방법1. ]https://books.google.co.kr/books?id=zfVAAwAAQBAJ&pg=PT9&lpg=PT9&dq=%27addEventListener%27+,xp,ie8&source=bl&ots=zVyMw1P6_P&sig=Z1dePoyUUOO7aV1QXMoRjZ8_B0s&hl=ko&sa=X&ved=0CFEQ6AEwBmoVChMIhJbg7qC5xwIVASyUCh3AxQvs#v=onepage&q='addEventListener'%20%2Cxp%2Cie8&f=false [ 방법2. ] https://forum.jquery.com/topic/jquery-2-1-1-min-js-obje..

반응형