반응형 참고/JAVASCRIPT28 스크롤 이벤트 - 클릭시 상단으로 이동하는 버튼 구현 *문서 높이 구하기 - scrollHeight, offsetHeight docHeight = docElem.scrollHeight; console.log(docHeight); docHeight = docElem.offsetHeight; console.log(docHeight); ※ 보통의 경우에는 scrollHeight, offsetHeight 둘다 같은 값을 보여주지만, 브라우저에 따라서는 같은 브라우저라도 scrollHeight, offsetHeight 가 다를수 있다. 그래서, scrollHeight 이 700이고, offsetHeight 이 800일 때, 높은 값을 저장하고 싶을때 Math.max (최대값)과 Math.min (최소값) 을 구할수 있다. 코드로 넘어가서 ---- 초기 코드 ----.. 2020. 5. 16. 함수 return *return - 사용 예제 /* (Math.pow 제곱함수) (Math.sqrt 루트함수) */ function myPower(n,count) { var r = Math.pow(n,count); return r; // 제곱한 값이 담김 } var result1 = myPower(2,10); alert(result1); // 리턴값 1024 var result2 = Math.sqrt(result1); alert(result2); // √(루트)함수에 리턴값이 담긴 result1 을 불러와서 계산 32 값 처음에는 return 값인 1024의 경고창이 뜨고 두번째에 Math를 활용하여 다시 리턴값을 불러와서 계산 32라는 경고창이 뜬다. 2020. 5. 15. 호이스팅 (hoisting) §호이스팅 간단히 변수 및 함수를 최상단으로 끌어올리는것. 변수 범위에 따라 다르게 된다 함수 내(function scope) - 함수 범위의 변수는, 해당하는 함수 최상단. 함수 밖 (global scope) - 전역 범위의 전역 변수는, 스크립트 최상단. 2020. 5. 14. 함수 (function) *function - 함수 정의문 ({...}) 안에 작성된 코드는 즉시 실행되지 않고 메모리에 할당되었다가 호출하면 실행 function myFunc() { alert('asd'); } // 함수를 만들고 쓰진 않은 상태 myFunc(); // 함수를 호출함 값 asd가 적힌 경고창이 뜸 *매개변수 myFunc(3); //n 매개변수 function myFunc(n) { alert("함수 실행"); alert("출력값:"+n); } 값 첫번째 경고창이 뜨고 확인을 누르면 출력값:3이 찍힌 두번째 경고창이 뜸 *return - 반환 var result = myAddFunc(3,4); function myAddFunc(n1, n2) { return (n1+n2); } alert(result); 값 7 va.. 2020. 5. 14. 이전 1 2 3 4 5 6 7 다음 반응형