프로그래밍/JavaScript (14) 썸네일형 리스트형 [JavaScript] JS, CSS 파일 새로운 버전 읽기 JS, CSS 파일 등의 파일을 새롭게 로드해오자 CSS 파일의 내용을 변경했는데 해당 CSS 파일을 사용하는 페이지에서 변화가 없다.즉, 변경된 CSS 파일의 내용이 적용되지 않았을 경우! 새로 변경된 CSS 파일을 읽어오고싶다. CSS 파일을 읽어오는 부분이 다음과 같이 되어있을 경우 파일 뒤에 "?ver=", "?new" 등 물음표 뒤 문자를 추가해주면 된다.실제 파일명은 동일 하지만, 다른것으로 간주하고 해당 파일을 새로 읽어오기 때문이다. 페이지를 로드할 때 마다 매번 test.css 파일을 새롭게 읽어오고 싶다면! [JavaScript] 새로고침 (자기창, 부모창) 자신의 창 또는 부모창을 새로고침 해보자 자기 창 새로고침 12345 location.reload(true); location.href = location.href; history.go(0);cs 세 가지 방법 기능 모두 동일 참고로 history.go(-1); 는 뒤로가기 부모 창 새로고침 123 window.opener.location.href = window.opener.document.URL;Colored by Color Scriptercs [JavaScript] location.replace, location.href 비교 location 객체의 속성인 href와 replace 를 비교해보자 location.href : 새로운 페이지로 이동location.replace : 현재 페이지를 새로운 페이지로 변경 1234 location.href = "URL"; location.replace = "URL";cs location.href는 말 그대로 새로운 페이지로 이동할 때 사용한다.즉, 현재 페이지에서 설정한 URL 페이지로 이동하게 된다. 그렇다면 location.replace는?겉으로 보기에는 똑같다.둘다 새로운 페이지로 이동하는것 처럼 보인다. 하지만 두 개는 차이가 있다. location.replace 는 새 페이지로 이동이 아닌 현재 페이지를 바꿔주는 것이며,인터넷 임시파일을 쓰지 않는다. 즉, 함수가 실행될 때마다 .. [JavaScript] form 텍스트 박스 엔터 후 새로고침 현상 방지 input 텍스트 박스에 포커스가 있을때, 엔터키를 누르면 발생하는 페이지 재로드 현상을 방지해보자 form 태그 내부에 있는 input text box 에서 Enter를 누르게 되면 자동으로 Submit이 되면서 페이지가 재로드된다.이를 방지하기 위한 3가지 방법이 있다. 1. form 태그의 onsubmit 속성값 이용 1cs onsubmit="return false;"으로 설정해주면 자동 submit을 방지할 수 있다. 2. koycode 값으로 enter 여부를 판단하여 처리 1234567891011 // ENTER 엔터 방지 function captureReturnKey(e) { if(e.keyCode == 13 && e.srcElement.type != 'textarea') return fal.. 이전 1 2 3 다음