반응형 Language/HTML, JavaScript50 JQuery console.log로 클릭 없이 onclick 호출방법 JQuery를 이용해서 onclick 이벤트가 걸린 항목을 클릭하지 않고 호출할 수 있는데 $("#ID값").trigger('click'); 이런 식으로 사용해주면 된다 2022. 1. 19. HTML class 자바스크립트로 추가방법 HTML에서 Javascript로 class를 추가하려는 경우에는 document.getElementById('Id명').classList.add('class명'); 이런 식으로 추가해주면 되는데 여러 class를 추가할 경우에는 document.getElementById('Id명').classList.add('class명1', 'class명2'); 이런 식으로 사용해주면 된다 2022. 1. 19. 자바스크립트로 현재 페이지 URL 가져오는 방법 Javascript를 사용해 현재 페이지의 URL을 가져오려는 경우 window.location을 사용해 가져올 수 있는데 location. 뒤에 필요한 내용을 붙여주면 되겠다 사용방법과 사용 시 반환하는 값은 아래와 같다 window.location.href - 현재 페이지의 href (URL) 반환 > https://wakestand.tistory.com/723?category=757589 window.location.host - 호스트의 도메인 네임 / 포트 번호 반환 > 'localhost:8080' window.location.hostname - 웹 호스트의 도메인 네임 반환(ex > localhost) > localhost window.location.port - 현재 포트 번호 반환 > 80.. 2021. 12. 28. HTML a href mailto로 이메일 발송 창 만드는 법 HTML 에서 a 태그에 mailto: 를 넣어주면 클릭 시 이메일 발송 화면을 넣을 수 있는데 전체 예제는 다음과 같다 이메일 발송 창 열기 이메일 발송 창 열기 (새 창에서) 받는 사람 설정 받는 사람(참조) 설정 받는 사람(숨은 참조) 설정 메일 제목 설정 메일 내용 설정 메일 내용에서 줄 바꾸기 설정(%0D%0A) 2021. 12. 27. HTML 요소 노출 숨김 처리하는 방법 HTML 에서 Style에 display를 사용해 특정 요소를 보이게 / 숨기기 처리할 수 있는데 위 예제에서는 div를 노출 / 숨김 처리를 진행한다 style="display: block" -> 노출 처리 style="display: none" -> 숨김 처리 javascript를 사용해 노출 / 숨김 처리를 할 경우에는 document.getElementById('요소ID').style.display = 'block' 노출 처리 document.getElementById('요소ID').style.display = 'none' 숨김 처리 이렇게 사용해주면 된다 마지막으로 위 HTML과 동일하게 작성한 후 해당 페이지를 확인해보면 display에 none을 주었을 경우에는 모두 숨김 처리가 되는 것이 .. 2021. 12. 27. HTML Style 속성 여러개 사용하는 방법 HTML에서 Style 속성을 여러개 사용하려는 경우 Style="속성:값; 속성2:값" 이런 식으로 한 속성이 끝나면 ;를 넣은 뒤 속성을 추가해주면 된다 이미지를 보면 style에 width, height, background-color 세 속성이 들어간 것이 보이는데 한 속성이 끝난 후 ;이 사용되는 것이 보인다 2021. 12. 27. 이전 1 2 3 4 5 6 ··· 9 다음 반응형
