JS (30) 썸네일형 리스트형 [javascript] 자바스크립트로 공통 header와 footer 분리하여 사용하기 일반적으로 헤더와 푸터는 웹 페이지의 여러 부분에서 공통적으로 사용되므로, 반복적인 코드를 피하기 위해 외부 파일에서 불러와서 사용하는 것이 효율적입니다. 먼저, HTML 파일에서는 헤더와 푸터를 별도의 파일로 분리하고, 각 파일을 불러오는 코드를 작성합니다. 예를 들어, 헤더를 "header.html" 파일로 분리하고, 푸터를 "footer.html" 파일로 분리한 경우, 다음과 같은 코드를 작성할 수 있습니다. header.html My Page Home About Contact footer.html ⓒ2022 page INC. All Rights Reserved index.html This is the content of the page. jQuery 라이브러리를 사용하여 load() 메서드를 호출.. [javascript] js 브라우저 뒤로가기 이벤트 발생 시키기 window.onpageshow = function (event) { if (event.persisted) { alert("뒤로가기 눌러버렸음"); } else { console.log("새로 열린 페이지"); } }; 페이지 새로고침이나 새로 들어갔을때나 뒤로가기로 페이지 이동이 생겼을 이벤트 발생 시키는 코드 [JS] 인터넷 연결 확인 function checkInternetConnection() { var online = navigator.onLine; if (online) { console.log('인터넷이 연결되었습니다.'); } else { console.log('인터넷 연결이 끊겼습니다.'); } } checkInternetConnection(); 결과 : 인터넷이 연결되었습니다. [js] http로 접속하면 https로 redirect http로 접속을 하면 https로 리다이렉트 하는 방법은 여러가지가 있다. 그중 js로 처리 하는 방법이다. if (document.location.protocol == 'http:') { document.location.href = document.location.href.replace('http:', 'https:'); } [jquery] checkbox 체크된 값 개수 가져오기 name값으로 가져오기 $("input:checkbox[name='(name명)']:checked").length; 클래스명으로 가져오기 $(".row_check:checked").length; 예제 옷 바지 팬티 확인 [JS] javascript 비디오 재생 여부 확인 방법 function video_play_yn(id){ let msg = false; let video = $('#'+id).get(0); if (video.paused) { msg = true; // 비디오정지 } else { msg = false; // 비디오 재생중 } return msg; } console.log("v_1"); [jquery] input name값 배열에 넣기 $(document).ready(function() { let list = new Array(); $("input[name=name[]]").each(function(index, item){ list.push($(item).val()); }); console.log(list); }); [jquery] 스마트폰 스크롤 감지 let ts; $('#scroll_event').bind('touchstart', function(e){ e.stopPropagation(); ts = e.originalEvent.touches[0].clientY; }); $('#scroll_event').bind('touchend', function(e){ e.stopPropagation(); var te = e. originalEvent.changedTouches[0].clientY; if(ts > te + 5){ //스크롤 내릴때 } else if(ts < te - 5){ //스크롤 올릴때 } }); 이전 1 2 3 4 다음
