반응형
5. 사용자와 커뮤니케이션하기
HTML은 form을 통해서 사용자와 커뮤니케이션할 수 있는 기능을 제공한다. 자바스크립트에는 사용자와 정보를 주고 받을 수 있는 간편한 수단을 제공한다.
1) alert
경고창이라고 부른다. 사용자에게 정보를 제공하거나 디버깅등의 용도로 많이 사용한다.
<!DOCTYPE html>
<html>
<body>
<input type="button" value="alert" onclick="alert('hello world');" />
</body>
</html>
2) confirm
확인을 누르면 true, 취소를 누르면 false를 리턴한다.
<!DOCTYPE html>
<html>
<body>
<input type="button" value="confirm" onclick="func_confirm()" />
<script>
function func_confirm(){
if(confirm('ok?')){
alert('ok');
} else {
alert('cancel');
}
}
</script>
</body>
</html>
3) prompt
<!DOCTYPE html>
<html>
<body>
<input type="button" value="prompt" onclick="func_prompt()" />
<script>
function func_prompt(){
if(prompt('id?') === 'egoing'){
alert('welcome');
} else {
alert('fail');
}
}
</script>
</body>
</html>
4) Location 객체
Location 객체는 문서의 주소와 관련된 객체로 Window 객체의 프로퍼티다. 이 객체를 이용해서 윈도우의 문서 URL을 변경할 수 있고, 문서의 위치와 관련해서 다양한 정보를 얻을 수 있다.
5) 현재 윈도우의 URL 알아내기
아래는 현재 윈도우의 문서가 위치하는 URL을 알아내는 방법이다
console.log(location.toString(), location.href);
6) URL Parsing
location 객체는 URL을 의미에 따라서 별도의 프로퍼티로 제공하고 있다.
console.log(location.protocol, location.host, location.port, location.pathname, locatio
7) URL 변경하기
'프로그래밍 > 자바스크립트' 카테고리의 다른 글
| 생활코딩 javascript 정리 - jQuery 사용하기 (0) | 2017.07.02 |
|---|---|
| 생활코딩 javascript 정리 - DOM(document object model) (0) | 2017.07.01 |
| 생활코딩 javascript 정리 - 창제어(window 제어) (0) | 2017.06.28 |
| 생활코딩 javascript 정리 - Navigator 객체 (0) | 2017.06.25 |
| 생활코딩 Javascript 정리 - Browser Object Model(BOM) (0) | 2017.06.18 |
| 생활코딩 Javascript 정리 - Object Model (0) | 2017.06.17 |
| 생활코딩 Javascript 정리 - 자바스크립트 개념 및 HTML에서 자바스크립트 로드하기 (0) | 2017.06.17 |
| window.location 객체 (0) | 2016.05.05 |