본문 바로가기
  • BLG-ZYNGIROK-모토-꿈꾸며-배우고-나누며-이루다
반응형

자바스크립트8

JavsScript | 새로고침 방지된 페이지에서 정상 작업시 페이지 벗어가는 방법 (새로고침 방지 해제) JavsScript | 새로고침 방지된 페이지에서 정상 작업시 페이지 벗어가는 방법 (새로고침 방지 해제) 이전 글 : 새로고침 방지 이전에 새로고침 및 페이지 나가기 방지 방법을 살펴봤다. JavaScript | 새로고침 페이지 나가기 방지하기 (실행 전에 알림 띄우기) 자바스크립트를 이용한 새로고침 방지 자바스크립트를 이용해 페이지 내 정보가 변경된 경우 저장하기 전까진 현재 정보는 온전히 페이지에만 존재하게 된다. 이럴 때 잘못으로 새로고침이나 zyngirok.com 이를 적용한 후 페이지 정보가 저장되기 전엔 페이지를 벗어날 수 없게 하는데 까지는 성공했다. 하지만 새로고침 방지를 해두면 정상 작업을 마친 후에 새로운 페이지로 이동할 때도 이 기능이 적용되어 바로 벗어날 수가 없는 문제가 있다. 정상 작업 후에 페이지를 자연스럽게 빠져나가기 위해서는 설정해 두었던 새로고침 방지 기능을 꺼줘야 한다. 새.. 2022. 8. 23. 19:45
JavaScript | 자바스크립트로 배경색 변경하는 방법 JavaScript | 자바스크립트로 배경색 변경하는 방법 배경색을 사용자단에서 변경하는 방법 웹페이지의 배경색을 자바스크립트오 변경할 수 있다. 위와 같은 스크립트를 원하는 버튼의 함수나, 위치에 작성하면 배경색이 원하는 색으로 변경된다. 원하는 요소의 배경색을 자바스크립트로 변경하는 방법 여기에 더해 전체 배경 말고 원하는 엘레멘트의 배경색을 변경하고 싶을 때도 있다. 이럴 땐 body 대신 요소 선택자를 사용하면 된다. body 대신 엘레멘트 선택자를 이용하여 원하는 요소의 배경색만을 핀셋 조정이 가능하다. 2022. 8. 22. 20:17
JavaScript | 새로고침 페이지 나가기 방지하기 (실행 전에 알림 띄우기) JavaScript | 새로고침 페이지 나가기 방지하기 (실행 전에 알림 띄우기) 자바스크립트를 이용한 새로고침 방지 자바스크립트를 이용해 페이지 내 정보가 변경된 경우 저장하기 전까진 현재 정보는 온전히 페이지에만 존재하게 된다. 이럴 때 잘못으로 새로고침이나 뒤로 가기라도 누르면 자료는 순식간에 날아가버린다. 이런 사고를 미연에 방지하기 위해서 자바스크립트를 이용해서 새로고침, 페이지 나가기를 막는 방법이 있다. 코드 아래의 코드를 스크립트 태그내에 작성해 주면 해당 페이지에서 리프레시, 뒤로 가기 등의 방법으로 페이지를 벗어날 때 알림 창이 뜬다. 다음 글 JavsScript | 새로고침 방지된 페이지에서 정상 작업시 페이지 벗어가는 방법 (새로고침 방지 해제) 이전 글 : 새로고침 방지 이전에 새로고침 및 페이지 나가기 방지 방법을 살펴봤다. JavaScript | 새로고침 페.. 2022. 8. 11. 19:45
JavaScript | JQuery | input 값 변경하는 방법 JavaScript | JQuery | input 값 변경하는 방법 자바스크립트를 이용한 값 변경 자바스크립트를 이용해 input 엘레멘트에 담겨 있는 값을 변경하고 싶을 때가 있다. 다양한 방법 중 jquery를 이용한 방법을 살펴보려고 한다. attr input 엘레멘트는 value라는 속성(attribute)을 가질 수 있다. 이 value 값을 수정하면 input에 작성된 값을 바꿀 수 있는 것을 이용할 것이다. 위와 같은 input 엘레멘트가 있다고 하자. 단순히 위의 input에 입력된 값을 '사랑'으로 바꾸는 스크립트는 다음과 같다. $('#inputArea').attr("value", "사랑); jQuery의 selector를 이용해서 inputArea 아이디를 갖고 있는 input 엘레멘트를 선택한 다음 attr 함수를 이용해 value="사랑"이라는 속.. 2022. 8. 10. 20:16
반응형