22. 내부객체 & window객체 "총"정리

BOM과 DOM의 차이를 정리하면서, 내/외부 객체 정리할게요 브라우저 객체모델(BOM)은 웹 브라우저가 가지고 있는 모든 객체를 의미합니다. BOM에서 window는 최상위 객체입니다. window객체의 메서드: open(), close()메서드 => 새로운 브라우저 윈도우를 오픈. open(URL, name, specs, replace); setTimeout(),setInterval()메서드 =>일정시간 뒤에, 인수로 전달된 함수를 딱 한번 호출(밀리초 단위) setTimeout(code, milliec) moveTo(), moveBy()메서드 =>절대적인 위치로 이동, moveBy(x,y) focus()는 누를때마다 x,y만큼 화면에서 이동하는 상대적이동한다 resizeTo(), resizeBy()..

• format_list_bulleted WEB 기초/Script
• · 2018. 4. 15.
• textsms

21. 함수를 이용한 계산기

계산기 프로그램 1. add기능 2. cal기능 3. reset기능 ※ cal기능의 함수에서 eval메서드를 사용이 중요하다. 우선, 기본적인 틀을 만들어야겟죠? 만들려고 하는 계산기가 실제 계산기처럼 보이기 위해서 입력태그를 다음과 같은 모양으로 순서대로 작성해 줍니다. 그리고 onclick이벤트를 통해 추가, 계산, 리셋의 세 가지 함수를 만들었습니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 display 이제, 만들어진 틀을 가지고 호출된 함수들의 생성문(=정의문)을 작성해야합니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 var tmp="";//전역변수 function add(input..

• format_list_bulleted WEB 기초/Script
• · 2018. 4. 15.
• textsms

20. 이벤트 & window객체

이벤트 정리 javascript& jquery에서만 사용되는 이벤트들이 많이 있어요. 이벤트들을 정리해볼 필요가 있다고 생각해서 아래에 작성하겠습니다. 기본적인 이벤트는 on이라는 이름이 붙습니다. 또한 jquery에서도 ('id값').on('click',function(){});와 같이 on을 사용합니다. ('id값').click(function(){});도 쓸수 있지만, 대체적으로 이벤트는 on으로 시작합니다. onblur 개체가 포커스를 잃었을 때onchange 개체 혹은 선택영역의 내용이 바뀔 때 발생한다.onclick 개체위에서 마우스의 왼쪽 버튼을 누를 때 발생한다.onfocus 개체가 포커스를 받았을 때 발생한다.onkeydown 사용자가 키를 눌렀을 때onkeypress 기능키를 제외한 키..

• format_list_bulleted WEB 기초/Script
• · 2018. 4. 15.
• textsms

19. Dom (document object model 문서객체모델)이란?

기본적으로 Dom은 Bom과 대비되어서 공부하면 좋습니다. 그중에서 DOM은 문서객체모델로써, 가장 흔히 사용되는 document가 최상위객체입니다. 앞으로는 document를 비롯해서 사용할 일이 많습니다. 이러한 문서객체모델의 최상위객체 document아래에는 head, title, body, h1, a, html태그가 있어요. 당연지사 document를 붙여줘야 쓸수 있겟죠 DOM 1 : 기본적인 출력코드입니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 쇼핑 목록 마트에서 사야 할 목록 우동 하드 맥주 fu..

• format_list_bulleted WEB 기초/Script
• · 2018. 4. 15.
• textsms

18. 게시판 응용하기

게시판 구현문제 (부족한 내용이 조금 있네요ㅜ) 게시판을 등록하고나서, 정렬할때 몰아서 정렬된다. 구체적인 문제내용은 다음과 같다. 반복{ 0. emp id 태그에 다음과 같이 입력: 공백 중단 1. emp id태그에 다음과 같이 입력하고 100:이사원-56000,교육부 2. 등록 버튼을 클릭하면 insertEmp함수를 호출한다. 3. 입력 데이터를 사번:사원명-급여,부서명의 형식으로 분류하여 Employee타입의 객체로 생성한다. (String.split(/, 또는: 또는-/) ) 이 때, 등록날짜는 현재 시간으로 생성된다. 4. 3의 객체를 empArray 배열에 저장한다. } 5. empArray를 급여순으로 정렬한다.6. empArray를 result id를 가진 태그 자리에 출력한다. 우선, 기..

• format_list_bulleted WEB 기초/Script
• · 2018. 4. 15.
• textsms

17. 주소 공백 분할(String 내부객체)

주소 공백 분할 (String 내부객체). String객체를 이용한 문제를 몆가지 풀어보려고 합니다. String에 대해서는 java를 공부하면서 메서드를 많이 접해보셧을거에요. 그래서 풀면서 나오는 내용들을 설명해드리는 식으로 작성하겠습니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 function check(){ var num= document.getElementById("in").value; var result= num.match(/[0-9]+/ig); //null //match란 문자열안에서 일치하는 콘텐츠를 탐색하는데 사용된다. document.getElementById("out").innerHTML=result; // text 입력 검증버튼 클릭하면 숫자만으로 구성..

• format_list_bulleted WEB 기초/Script
• · 2018. 4. 12.
• textsms