๐Ÿ’ปProgramming/๐Ÿƒโ€โ™€๏ธJavaScript

[JavaScript] 05. ๋ธŒ๋ผ์šฐ์ € ๊ฐ์ฒด ๋ชจ๋ธ(BOM) - location ๊ฐ์ฒด/navigator ๊ฐ์ฒด

yeony._. 2022. 9. 22. 09:15

location ๊ฐ์ฒด

๋ธŒ๋ผ์šฐ์ € ์ฃผ์†Œ๋ฅผ ์–ป๊ฑฐ๋‚˜ ๋‹ค๋ฅธ ์ฃผ์†Œ๋กœ ์ด๋™ํ•  ๋•Œ ์‚ฌ์šฉํ•œ๋‹ค.

 

location ๊ฐ์ฒด ์ฃผ์š” ์†์„ฑ

location ๊ฐ์ฒด ์ฃผ์š” ๋ฉ”์†Œ๋“œ

 

html ์ฝ”๋“œ์— onclick์— ํ•จ์ˆ˜๋ฅผ ๋„ฃ์–ด ์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ์‹

<button type = "button" onclick ="sub()">๋„ค์ด๋ฒ„</button>

 

location.href

๋’ค๋กœ ๊ฐ€๊ธฐ ๊ฐ€๋Šฅ

๋’ค๋กœ๊ฐ€๊ธฐ ์‚ฌ์šฉ ์—ฌ๋ถ€์— ์ƒ๊ด€ ์—†๋Š” ๊ฒฝ์šฐ์— ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค. 

function sub(){
	location.href ="https://www.naver.com"
}

 

location.replace

๋’ค๋กœ ๊ฐ€๊ธฐ ๋ถˆ๊ฐ€๋Šฅ!! 

๊ฒฐ์ œ ์‹œ์Šคํ…œ ๋“ฑ ์ผ์„ ์ˆ˜ํ–‰ํ•œ ํ›„ ๋’ค๋กœ๊ฐ€๊ธฐ๋ฅผ ํ•˜๋ฉด ์•ˆ ๋˜๋Š” ๊ฒฝ์šฐ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค. 

function sub2(){
	location.replace("https://google.com")
}

 

html ํƒœ๊ทธ์˜ onclick์— location.href ์„ ๋„ฃ์–ด ์‚ฌ์šฉํ•˜๋Š” ํ˜•ํƒœ๋„ ๊ฐ€๋Šฅํ•˜๋‹ค. 

<button type = "button" onclick ="location.href = 'https://www.daum.net'">๋‹ค์Œ</button>

 

 

navigator ๊ฐ์ฒด

 

๋ธŒ๋ผ์šฐ์ € ๊ณต๊ธ‰์ž ๋ฐ ๋ฒ„์ „ ์ •๋ณด ๋“ฑ์„ ํฌํ•จํ•œ ๋ธŒ๋ผ์šฐ์ € ๋“ฑ์„ ํฌํ•จํ•œ ๋ธŒ๋ผ์šฐ์ €์— ๋Œ€ํ•œ ๋‹ค์–‘ํ•œ ์ •๋ณด๋ฅผ ์ €์žฅํ•˜๋Š” ๊ฐ์ฒด

 

let a = navigator.userAgent;

๋ธŒ๋ผ์šฐ์ €์— ๋Œ€ํ•œ ๋ชจ๋“  ์ •๋ณด๋ฅผ ์•Œ์•„๋‚ผ ์ˆ˜ ์žˆ๋‹ค.

 

let b = navigator.language;

์‚ฌ์šฉ ์–ธ์–ด๋ฅผ ์•Œ์•„๋‚ผ ์ˆ˜ ์žˆ๋‹ค.