신기한 웹 세상

Category

Javascript

[JavaScript] 이미지 랜덤으로 노출 시키기

새로고침할 때마다 이미지 바뀌는 것을 해보았다. background-image 스타일 이미지로 변경하기 var banner = new Array(); banner[banner.length] = ‘bg01.jpg’; banner[banner.length] = ‘bg02.jpg’; banner[banner.length] = ‘bg03.jpg’; var obj = document.getElementById(‘backGround’); var size = Math.floor(Math.random()*(mainBg.length)); j = (isNaN(size)) ? 0 : size; obj.style.backgroundImage… Continue Reading →

javascript DOM 트리 활용하기

Dom 트리에 접근하고 수정하는 작업은 크게 두 단계로 나뉜다.
1. 작업을 수행 할 대상 요소를 표현하는 노드를 찾는다.
2. 해당 노드의 텍스트나 자식 요소, 특성 등을 조작한다.

JavaScript String객체의 메소드

메소드 기능 charAt(index) index위칭의문자를알아냄 concat(문자열) 두문자열을하나의문자열로만듬 indexOf(문자열) 왼쪽부터문자를검색후지정된위치의문자를알아냄 lastIndexOf() 오른쪽부터문자를검색후지정된위치의문자를알아냄 slice() 문자열의일부분을추출해냄 split() 문자열을분리시킴 substr() 문자열을추출해냄 subString() 문문자열을추출해냄 toLowerCase() 문자열을소문자로만듬 toUpperCase() 문자열을대문자로만듬

javascript 눈 내리게 하기 소스

<script type=”text/javascript”> //////////////////////////////////////////////// // Javascript made by http://peters1.dk/tools // //////////////////////////////////////////////// // REMEMBER: To change the path, where snow.gif is saved… snow_img = “http://www.domain.com/snow.gif”; // EXTRA: You can adjust the numbers of snowflakes you want on each page… snow_no = 15;… Continue Reading →

JavaScript 객체

객체 생성

JavaScript 배열

배열 Array 배열 내부에 있는 값 하나하나를 요소(element)라고 부른다. 반면 객체 내부에 있는 하나하나의 값은 속성(property)이라고 부른다. 배열생성

JavaScript nested 함수

URL 인코드/디코드 인코딩은 문자롬 컴퓨터에 저장하거나 통신에 사용할 목적으로 부호화하는 방법업니다. 웹상에서는 통신할 때

JavaScript 함수

함수에서는 선언적 함수와 익명 함수가 있다. 선언적 함수 선억적 함수는 fucntion 함수명 () { } 이렇게 생성된 것을 선언적 함수라고 한다. 익명함수는 var 함수명 = function() { }; 이 형태는 함수이지만 이름을 가지고 있지 않으므로 익명함수라고 한다.

JavaScript 반복문

2017.08.27 소스코드 하이라이트가 깨져서 수정하였습니다. for문 JavaScript: //초기식 조건식 증감식 for(var i=0;i<5;i++){ document.write(i + '번째 반복문<br>'); } document.write('===========================<br>'); //반복문을 1~100까지의 합을 구하기 var total = 0; for(var i=1;i<=100;i++){ //단일 for문 total += i; //total = total + i } document.write('total… Continue Reading →

JavaScript switch문

Switch문 document.write(”); 이것을 써서 바로 출력을 할 수는 방법이 있지만 <button> 을 사용하지 않을경우 페이지가 로딩되면 바로 경고창, 확인창, 입력창이 뜰 수 있기 때문에 <button> 을 만들었다.

JavaScript if문

페이지를 열면 바로 확인창이 뜰 수 있어서 함수를 만들어 놓고 불러오게 했다. 삭제 버튼을 누르면 실행 되게 한 것이다. 만약 html을 보고 싶다면 화면의 오른쪽에 상단에 Edit in JSFiddle 를 보면 html도 볼 수가 있다. 단일 조건 체크 if문

JavaScript 연산자

증감연산자

JavaScript 변수와자료형

변수명의 정의 1. 키워드(예약어)를 사용하면 안된다. 2. 숫자로 시작하면 안된다. 3. 특수문자는  ‘_’와 ‘$’만 허용 4. 공백 문자를 포함할 수 없다. 식별자를 잘못 지정한 예 break(키워드) 10alpha(숫자로 시작) #num(특수문자 사용) has space(공백 사용)

JavaScript 베이직 & 출력

자바스크립트는 기본적으로 html안에서 호출되어서 실행이 된다. <!DOCTYPE html> <html> <head> <meta charset=”UTF-8″> <title>임베트 형태</title> <script type=”text/javascript”> /* 여러줄 주석 */ //한줄 주석 //document.write(‘하하<br>’); document.write(‘head에서 실행<br>’); </script> </head> <body> <script type=”text/javascript”> document.write(‘body에서 실행’); </script> </body> </html> 이런식으로 들어가게 된다. 위의 내용중에… Continue Reading →

Navigator appName 브라우저 이름 알기

javascript로 브라우저 이름을 알기 위해서는 useragent를 많이 사용하지만 알아본결과 appName을 많이 사용하기도 한다. txt = “<p>Browser CodeName: ” + navigator.appCodeName + “</p>”; txt+= “<p>Browser Name: ” + navigator.appName + “</p>”; txt+= “<p>Browser Version: ” + navigator.appVersion + “</p>”; txt+= “<p>Cookies… Continue Reading →

[JavaScript] 모바일 회전시 스크립트

모바일에서 회전을 하면 그 페이지 새로고침 하는 스크립트이다. //회전시 새로고침 window.orientationchange = orientationEventHandler; window.addEventListener(‘orientationchange’, orientationEventHandler, false); function orientationEventHandler(){ var orientation = window.orientation; // 회전했을 경우 처리 if(orientation == 90 || orientation == -90){ location.reload(); } else { // 회전하지 않았을… Continue Reading →

[Javascript] 현재 URL(주소) 가져오기(찾아내기)


© 2017 신기한 웹 세상

Up ↑