Javascript & jQuery로 style 속성 css 입력, 수정하기 우선 테스트할 html을 작성한다. Javascript 여기서 testId div의 css 속성을 수정하고 추가해본다. document.getElementById('testId').style.backgroundColor = 'blue';document.getElementById('testId').style.marginLeft = '100px';document.getElementById('testId').style.backgroundColor = 'blue';document.getElementById('testId').style.marginLeft = '100px';추가 수정은 같은 방법으로 하면 된다.jQuery제이쿼리는 좀 더 짧은 명령어로 할 수 있다.$('#testId').css('backgr.. 2024. 7. 27. [Javascript] 문자열 앞 뒤 공백 제거 trim() 어쩌다~ 저쩌다 보면 문자열의 앞 뒤 공백을 제거할 일이 생긴다.자바스크립트로 간단히 제거할 수 있다. 앞 뒤 공백 제거 trim();var str = " 앞 뒤 공백 제거 ";str.trim();문자열 뒤에 trim() 함수를 붙이면 제거된다. 앞 공백 제거 trimStart(), trimLeft()var str = " 앞 뒤 공백 제거 ";str.trimStart();str.trimLeft();문자열에서 앞부분 공백만 제거하려면 trimStart(), trimLeft() 둘 중 하나 함수를 사용하면 된다.strat는 시작이라서 앞부분 left는 위치상 왼쪽을 뜻해보인다. 뒤 공백 제거 trimEnd(), trimRight()마찬가지로 뒤에 공백은 trimEnd(), trimRight(.. 2024. 7. 26. jQuery 스크롤 최하단 이벤트 발생 scrollTop & innerHeight & scrollHeight 개인정보 수집 동의를 체크해야만 다음 이벤트로 넘어가는 소스를 작성하는데 거기서 스크롤을 끝까지 내려야만 체크를 할 수 있는 로직을 jQuery로 작성해 보려고 한다. scrollTop innerHeight scrollHeight 이 세 개의 개념만 알고 있으면 쉽게 코딩할 수 있다. scrollTop 영역 안에서의 현재 스크롤의 위치를 알려준다. innerHeight 현재 영역의 내부 크기를 알려준다. scrollHeight 현재 영역의 스크롤의 범위까지 포함하여 크기를 알려준다. 해서 저 상태에서 세 개의 크기를 출력해 본다. 스크롤 위치는 33, div의 크기는 200, 스크롤 포함한 전체 크기는 317 임을 알 수 있다. 여기서 스크롤을 맨 아래로 내리고 출력을 해보면 스크롤 위치는 117, di.. 2023. 10. 18. Javascript, Jquery로 페이지 reload 새로고침 방법. Jquery로 페이지 새로고침 location.reload(); Javascript로 페이지 새로고침 window.location.reload(); history.go(); history.go() 는 파라미터의 숫자를 넣어서 페이지 앞으로 가기 뒤로가기가 가능하다. 아무것도 넣지 않으면 0으로 보고 새로고침이 되고 history.go(1)은 하나 앞으로가기 history.go(-1)은 하나 뒤로가기가 된다. window.location.href=window.location.href; window.location.href는 현재 페이지 url을 가져오는데 = 으로 값을 넣어주면 그 url로 이동하게 된다. 그대로 window.location.href를 넣어줬기 때문에 새로고침 효과를 주게 된다. 2023. 4. 19. 이전 1 다음
