본문 바로가기

자바스크립트

(3)
자바스크립트 함수 안에서 정적변수 초기화 목적 함수 내에서 한 번만 초기화가 필요한 변수를 만들고 재사용을 도모한다. 실습 - 트레디셔널한 방법 function Test(){ if(!Test.prototype.val ){ Test.prototype.val = "hello"; console.log("초기화 됨"); } } Test(); console.log(Test.prototype.val); - 직감적인 방법 function Test(){ if(!Test.val ){ Test.val = "hello"; console.log("초기화 됨"); } } Test(); console.log(Test.val); - 익스트림한 방법 function Test(){ if(!arguments.callee.val ){ arguments.callee.val = "..
블로그를 방문하는 낯선이를 위한 출구버튼 목적 및 취지 대부분의 블로그 방문자는 글 한 두 개 보고 나간다. 국내 포탈사이트들은 검색 링크 시 새창으로 띄어주지만, 외국의 주류가 되는 사이트는 그렇지가 않은 경우가 있다. 그러면 뒤로가기가 쌓이게 될 것이고 글을 두 개 보면 뒤로가기 2번 해야 한다. 필자는 고객감동을 유발시키기 위하여, 한방에 여러 번 뒤로가는 버튼을 고안하였다. 준비물 실습 ※ 다음의 내용들을 알아서 잘.. footer나 header처럼 반복적으로 사용되는 부분에 넣는다. //.html //.css #close_This_Web { background: url(./images/exit.png) no-repeat 0 0; width: 48px; height: 48px; position: fixed; right: 0; bottom..
특정 자바스크립트 실행 중지 시키기 사전지식 웹브라우저에서 형태로 실행되는 스크립트를 리무브하여 중단시킨다. 다시 실행 시키고 싶은 경우.. 하단에 있는 출처의 링크를 확인 할 것. 실습 const observer = new MutationObserver(mutations => { mutations.forEach(({ addedNodes }) => { addedNodes.forEach(node => { if (node.nodeName == "SCRIPT") { if (node.getAttribute('type') != 'text/babel') return; // 다른것도 가능 parent.removeChild(node); //파폭의 경우 추가. node.addEventListener('beforescriptexecute', (event) ..