[개발] Programming/Javascript25 자바스크립트, 유입 경로의 url 알아내기 (이전 페이지 주소) 마지막으로 방문한 페이지의 url을 조회하고 싶은 경우 document 객체의 referrer 속성을 참고하면 된다. 한 가지 문제는 AJAX를 통해서 페이지를 이동한 경우 referrer로 조회가 되지 않는다. document.referrer; 사용 예시) var preUrl = document.referrer; // 콘솔에 이전에 방문한 url이 찍힌다. console("이전 Url: " + preUrl); cs 만약 이전에 방문 페이지로 바로 이동하고 싶다면 history.go() 또는 history.back()을 사용하면 된다. 단순히 이전 페이지로 이동하고 싶은 경우에는 history.go() 또는 history.back(-1)을, 전전 페이지로 가고 싶은 경우 history.back(-2)를 .. 2020. 5. 31. [JS] A parser-blocking, cross site (i.e. different eTLD+1) script... 오류 자바스크립트 A parser-blocking, cross site 오류 " A Parser-blocking, cross-origin script, (호출하는 주소), is invoked via document.write. This may be blocked by the browser if the device has poor network connectivity. " 결국 구글 크롬에서 cross-origin document.write를 막으면서 발생하는 오류. 소스에서 document.write로 외부 js 링크를 호출하는 부분에서 오류가 발생하고 있었음. 소스에서 호출하는 형태는 아래와 같았다. document.write(''); 위 방법으로 호출하려는 이유는 자바스크립트에서 자바스크립트를 호출하려다 .. 2019. 12. 22. 자바스크립트 화면 크기, 브라우저 크기 구하기 screen 객체로 화면 크기 구하기 자바스크립트 screen은 브라우저 정보를 가져오는 객체입니다. screen 객체의 속성은 아래와 같습니다. screen.width // 화면(모니터 해상도)의 너비screen.availWidth // 모니터 화면의 작업 표시줄을 제외한 너비 screen.height // 화면(모니터 해상도)의 높이screen.availHeight // 모니터 화면의 작업 표시줄을 제외한 높이 브라우저 크기 구하기 만약 브라우저의 크기를 구하고 싶은 경우 사용할 수 있는 방법들입니다. HTML 표준 없음 // 실제 사용하는 브라우저의 안쪽 너비document.body.offsetWidth document.body.scrollWidth document.body.clientWidth /.. 2018. 12. 20. 자바스크립트 대문자 소문자 변환 함수 toUpperCase(), toLowerCase() 대문자로 변환 : toUpperCase() 라는 함수를 사용하면, 영문 알파벳이 모두 대문자로 변환된다. 예) 123456789 var orgStr = "abcDEFghi123한글"; orgStr = orgStr.toUpperCase(); console.log("orgStr = " + orgStr); Colored by Color Scriptercs 결과: 콘솔에 'orgStr = ABCDEFGHI123한글' 이 찍힌다. 소문자로 변환 : toLowerCase() 라는 함수를 사용하면, 영문 알파벳이 모두 소문자로 변환된다. 예) 123456789 var orgStr = "abcdefghi123한글"; orgStr = orgStr.toLowerCase(); console.log("orgStr = " + .. 2018. 11. 5. 자바스크립트 객체 선언 및 활용 JS 객체의 데이터 타입 JS에는 5가지의 데이터 타입이 존재한다. string number boolean null undefined JS 객체는 위 5가지 데이터 타입에 추가로 다른 객체나 함수(메소드) 까지도 key:value 형식으로 담을 수 있다. JS객체를 선언 예제 var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"}; 아래와 같이 선언해도 무방하다. var person = { firstName:"John", lastName:"Doe", age:50, eyeColor:"blue" }; JS의 'new'를 활용해도 동일한 결과를 얻는다. var person = new Object(); person.firstName = .. 2018. 10. 30. 자바스크립트, 일정 시간 마다 실행되는 SetInterval() 함수 특정 시간 단위로 실행되는 함수에는 setInterval() 가 있다. 기본 형태 setInterval(function() { ... }, 지연시간); 이 함수에 기능을 추가해주면 타이머 처럼 사용할 수 있다. 예) 1초 단위로 웹 콘솔에 '1초 경과'를 출력하고 싶은 경우 var timeScope = 1000; var mySchedule = setInterval(function(){ console.log("1초 경과!"); }, timeScope); 만약 해당 함수를 정지 시키고 싶은 경우, 앞서 선언한 mySchedule 이라고 선언한 ID에 clearInterval() 이용하면 된다. function stopMySchedule() { clearInterval(mySchedule); } 2018. 10. 30. 이전 1 2 3 4 5 다음
