본문 바로가기

JAVASCRIPT(자바스크립트)/[생코]JS

[JS-자바스크립트] 기타. 내장객체 (날짜 / getelements / location.속성)

반응형

@@@@@유튜브 생활코딩으로 학습한걸 메모하는 용도인 점 참조 부탁드립니다@@@

 

____________________문법개요_____________

1.날짜_____________________

1)특정시간 지정

document.write(new Date(2020, 09, 26, 18, 30, 00);

2)현재시간 불러옴

var date = new Date;

document.write(date);

document.write(getFullYear());

document.write(getMonth());

document.write(getDate());

document.write(getHours());

document.write(getMinutes());

document.write(getSeconds());

 

2.getElementBy______________

1)getElementBy

var 변수명 = document.getElementById("아이디명").value;

document.wirte(변수명);  >>> 해당 id 값 불러옴

var 변수명 = document.getElementsByName("네임명")[0].value;

var 변수명 = document.getElementsByClasssName("클래스명")[0].value;

2)querySelector

var 변수명 = document.querySelector("#아이디명");

a.style.color="blue"

var 변수명 = document.querySelector(".클래스명");

 

3.location.속성____________

document.write(location.href);   //전체 url

document.write(location.protocol);   //http ,  https

document.write(location.hostname);   //도메인

document.write(location.pathname);   //  path경로

document.write(location.search);   //  쿼리 스트링

 

 

 

 

 

__________________________________1.데이터 날짜 내장객체 _________________

[1]기본_________________________

 

1.특정날짜 생성

 

 

 

2.현재날짜 생성

 

 

 

 

[2]예시____________________________

 

 

 

 

 

 

 ___________________________________2.getlementsby  내장객채__________________________

 

[1]기본__________________________

 

<쿼리셀렉터>

CSS 선택자 (클래스, ID, 속성, 속성값 등)를 이용하는 선택

html 태그 id, 클래스도 사용하는데... css선택자 관련 왜 사용하는지 좀더 체크필요

 

 

[2]예시______________________

 

 

 

 

>>>> sm 맞춤변수에서 체크해보기(자바스크립트) > 그리고 메이크도 진행

 

 

 

 

 

 ___________________________________3. document.location  내장객채__________________________

 

[1]기본______________________

자바스크립트에서 URL과 관련된 정보를 담고 있는 객체는 "location" 객체입니다.

location 객체는 현재 브라우저에 표시된 HTML 문서의 주소를 얻거나, 브라우저에 새 문서를 불러올 때 사용할 수 있습니다.

 

이 객체는 Window 객체의 location 프로퍼티와 Document 객체의 location 프로퍼티에 같이 연결되어 있습니다.

location 객체의 프로퍼티와 메소드를 이용하면, 현재 문서의 URL 주소를 다양하게 해석하여 처리할 수 있습니다.

 

 

1.속성 

 

 

[2]예시___________________

 

 

반응형