[JavaScript] element 찾기
2017. 5. 4. 17:29
IT 공부/JavaScript,jQuery
DOM#윈도우에 로드된 문서들을 의미하는 객체 (자바스크립트를 이용해 문서들을 제어)#문서를 제어하기 위해서는 제일 먼저 할일은 제어 대상을 찾는 것! (1)아이디를 찾는 함수 이용 document.getElementsByTagName 특정 태그들을 찾아 NodeList 배열에 담아 리턴한다. document.getElementByClassName 특정 클래스의 이름을 가진 element들을 찾아 리턴 document.getElementById 특정 아이디를가진 element를 찾아서 리턴 (id는 고유하기 때문에 한개만 리턴) (2)querySelector/querySelectorAll 이용 #하나의 element들만 리턴한다. document.querySelecto('태그') 입력한 태그를 가진 el..
[JavaScript] BOM 객체
2017. 5. 4. 16:52
IT 공부/JavaScript,jQuery
bom#웹 브라우저를 제어하는 언어 (새창 띄우기,정보 확인....)#window 객체(전역객체) 의 하위 객체 Location객체location.href: 현재 윈도우의 url 알아내기 location.protocol: 웹 페이지의 프로토콜알려준다.location.host : 웹 페이지의 도메인네임location.prot : 웹 페이지의 포트번호location.pathname : 웹 페이지의 특정한 정보를 알고싶다.location.search: 웹 페이지에 요청한 변수들과 변수값을 알려줌location.reload: 현재 웹페이지를 새로고침 (타이머와 함께 시간에 따라 새로고침 가능)location.href= "바꿀 웹 페이지 주소" : 웹 페이지 url을 바꿔준다. Navigator 객체 #브라우저의..
[JavaScript] javascript와 객체
2017. 5. 2. 16:54
IT 공부/JavaScript,jQuery
JavaScript웹 브라우저를 제어하는 역할 웹 브라우저에서 동작하는 기술- html,css,javascript 정보는 웹 서버에 위치하여 웹 브라우저가 요청하면 서버에서 브라우저로 전달된다. 정보를 전달하는 언어들#html -> 정보 자체를 저장하는 언어 #css -> 정보에게 시각적인 디자인을 적용하는 언어 #javascript-> 웹 페이지를 제어하는 언어 html과 css는 웹 페이지를 표현하지만 동적으로 변경을 할 수 없다. 그래서 자바스크립트를 이용하여 웹 페이지에서 무엇인가의 변화를 줄 수 있다. 개발환경#크롬 개발자 도구#sublime Text html에 javascript 코딩하기# inline 방식 -자바스크립트를 적용할 대상이 분명히 드러난다. 하지만 관리가 어려운 단점이 있다. 되..