반응형

jsp 5

[javascript] 웹 브라우저의 현재 URL 가져오기

현재 웹 페이지의 전체 URL을 가져와서 변수로 지정하려는 경우 다음 스크립트를 사용할 수 있습니다. window.location.hrefJavaScript Window Location 참고:window.location.href – 현재 페이지의 href (URL) 반환window.location.hostname – 웹 호스트의 도메인 네임 반환window.location.pathname – 현재 페이지의 경로와 파일 이름 반환window.location.protocol – 사용하는 웹 프로토콜 반환 (http:// 혹은 https://)window.location.assign – 새 document 로드 따라서 Javascript로 전체 URL 경로를 가져오려면 다음과 같이 사용할 수 있습니다.var ..

요다 조건문 / Yoda Conditions

요다 조건문 요다조건문 이란? 조건문 작성시 일반적인 방식과는 다르게 변수를 오른쪽에 쓰고, 상수를 왼쪽에 쓰는 코드 작성법을 말한다. int i = 10; if ( 10 == i ) // Yoda Conditions // Do something 이렇게 쓰게 된다면 실수로 등호를 한개만 작성했을 때 컴파일 에러가 발생하므로, 오류를 쉽게 찾을수 있다는 장점이 있다. int i = 10; if ( 10 = i ) // Error!! // Do something 이와 같은 형태를 요다 조건문이라고 한다. 스타워즈의 주인공중 한명인 요다가 말할 때 어순을 바꿔서 말하기 때문이다.

DOM 객체에 동적으로 이벤트 핸들러 추가하는 방법

jQuery를 이용해서 동적으로 이벤트 핸들러를 추가하기 위해서 bind(), live(), delegate() 과 같은 함수를 사용할수 있다가장 기본적인것은 bind() 함수로 Click here 위와 같은 html 문서가 있을때$('.clickme').bind('click', function() { // Bound handler called. });이렇게 해서 clickme 클래스를 가진 객체에 대해 onclick 이벤트를 처리할수 있다하지만 이후에 아래의 코드가 실행되는 상황을 가정해 보자$('body').append('Another target');그렇다면 새로 추가되는 div 객체 또한 clickme 클래스인데, 이 클래스의 경우에는 앞서 추가한 onclick 이벤트 핸들러가 등록 되어 있지 않..

레이어창을 브라우저 화면 가운데 띄우기

function fnOpenChapter() {02.var obj = $('#chapter_select');03.var iHeight = (document.body.clientHeight / 2) - obj.height() / 2 + document.body.scrollTop;04.var iWidth = (document.body.clientWidth / 2) - obj.width() / 2 + document.body.scrollLeft;05. 06.obj.css({07.position: 'absolute'08., display:'block'09., top: iHeight10., left: iWidth11.});12.} 팝업등 추가로 열리는 창을 반응형으로 항상 가운데 고정시켜줍니다.

반응형