본문 바로가기

Tech develop/Javascript

(19)
[javascript] 특정 HTML DOM 엘레멘트로 스크롤 이동하기 * 일반적으로는 a href="#아이디"등과 같이 사용자가 클릭을 해야하는 경우가 있는데, 이러한 경우가 아닌, 자바스크립트로 이동하는 방법을 알아보자. 이러한 경우는 페이지의 bookmark를 등록하거나 할 때 해당 위치로 이동하도록 할 때에 편리할 것이다. : 먼저 html에 id를 준다. : 그리고 해당 element로 이동하고 싶을 때 아래와 같은 자바스크립트를 호출하면 된다. location.href = "#";location.href = "#bookmark"; : 이 방법은 아주 쉽게 의 링크/버튼을 누르지 않고 그와 같은 효과를 이끌어낼 수 있다. 하지만 url의 뒤에 #bookmark가 추가되는 불편함(?)이 있을지도 모른다. 사실, url이 그렇게 변하는 것은 미관상(?) 안 좋을수도 있..
[javascript]스크립트 링크 삽입하기(헤더에) var script = document.createElement('script');script.src = '주소';script.charset = 'utf-8';document.getElementsByTagName('head')[0].appendChild(script);
[javascript] utf-8일때 한글 깨짐 해결 charset=utf-8로 해놓은 곳에서 한글이 깨진다면, 다음의 방법들을 써보면 된다. 1. 관련된 파일들의 문서 인코딩을 전부 utf-8로 해놓는다.에디트 플러스나, 드림위버 같은 툴이나, IE나 화폭 같은 브라우저를 이용해서 해당 문서의 인코딩이 무엇으로 되어 있는지 확인 할 수 있다. utf-8로 안되 있는 경우 모두 utf-8로 하기 바란다. 2. meta 태그를 확인해본다.해당 소스에 meta태그 charset을 지정해주는 문장이 없다면, 아래와 같은 meta태그를 head 부분에 추가 시키기 바란다. 3. 불러오는 .js파일의 문서 인코딩을 변경할수 없는 경우신용카드 결재나, 본인 확인 서비스 같은 타 업체에서 지원해주는 서비스일 경우 해당 .js 파일 인코딩은 euc-kr로 되어 있는데 자..
[javascript]자바스크립트 팝업창 닫기 팝업창 닫을 때 기존에는 window.close(); 이것을 썼는데 익스플로러 같은경우 닫을건지 말건지 확인창이 뜬다 이러한 확인창을 안뜨게 할 경우 window.open("about:blank", "_self").close(); 이것을 써주면 됨
[javascript]자바스크립트 팝업창 닫기 스크립트 자바스크립트 기본 함수인 window.close(); but...어쩐 일인지 이 창을 닫겠습니까, y,n 메세지가 뜬다. 이유인즉.. IE 7.0 의... 보안 정책.. 해결책은 window.open('about:blank', '_self').close(); 로 해결. ※ 정리 window.close(); //IE 6.0 이하 Ver. window.open('about:blank', '_self').close(); //IE 7.0 이상 Ver. --------------------------------------- ※ 익스플로러 버전 비교 자동 스크립트. //익스플로러 버전 비교 후 자동 창 닫기. if(/MSIE/.test(navigator.userAgent)){ //IE 7.0 이상 if(naviga..
[javascript]자바스크립트 한글 체크 가끔 사용하다 보면 해당 텍스트가 한글이 포함되어 있는지 확인이 필요한 경우가 있다. 그럴 때 체크하는 소스 var str = '냐하하';var han = /[ㄱ-힣]/g;var chk_han = str.match(han);if(chk_han){alert('한글이 포함됨.');}
[JavaScript] 객체지향 프로그래밍 자바스크립트의 6가지 자료형 : 숫자, 문자열, 불리언, 함수, 객체, 정의되지 않은 자료형 이번 장에서는 객체를 다룹니다.객체 개요배열과의 비교123456789101112var array = ['사과', '바나나', '망고', '딸기'];// 배열: 인덱스로 접근 (ex: array[0], array[1], ...) var product = { name: '7D 건조 망고', kind: '당절임', ingredient: '망고, 설탕, 메타중아황산나트륨, 치자황색소', origin: '필리핀'};// 객체: 키로 접근// (ex1: product['name'], product['kind'], ...)// (ex2: product.name, product.kind, ...) 객체의 속성과 메소드12345..
iframe 자동 사이즈 조절 iframe, 사이즈자동조절iframe에 삽입되는 내용에 따라 iframe의 사이즈가 자동으로 변경되는 소스. 두가지의 조건 1. 같은 서버내의 페이지를 iframe으로 삽입하는 경우. 2. 타 사이트의 페이지를 iframe으로 삽입하는 경우. [같은 서버내의 페이지를 삽입하는 경우] 1. 부모페이지에서 해결하는 방법 2. iframe으로 삽입되는 페이지에서 해결하는 방법 아이프레임으로 삽입되는 페이지의 최하단에 아래내용 삽입 부모페이지의 아이프레임 id를 aaa로 맞춤. [다른 서버(사이트)의 페이지를 삽입하는 경우] 물론 다른사이트의 페이지 내용을 수정할수(관리권한이) 있어야 한다. 태그사이에 아래의 스크립트 삽입 body의 onLoad태그로 위 스크립트를 불러옴 본문내용을 지정한 id로 감싼다.(i..