yeony._.
๐Ÿข์ฝฉ๋ถ€๐Ÿข
yeony._.
์ „์ฒด ๋ฐฉ๋ฌธ์ž
์˜ค๋Š˜
์–ด์ œ
  • ๋ถ„๋ฅ˜ ์ „์ฒด๋ณด๊ธฐ (99)
    • ๐Ÿ’ปProgramming (91)
      • โ˜•๏ธJava (19)
      • ๐Ÿ’ฝOracle (21)
      • ๐Ÿ‘ฉ‍๐ŸŽจHTML&CSS (12)
      • ๐ŸŽจ ์‹ค์Šต (4)
      • ๐Ÿƒ‍โ™€๏ธJavaScript (25)
      • JSP (8)
      • ๐ŸƒSpring (0)
      • ๐Ÿฅงpython (0)
      • API (0)
      • ๐Ÿ˜ˆGit (1)
    • ๐ŸคซPrivate (0)
      • -- (0)
      • + (0)
      • S (0)
      • P (0)
      • B (0)
    • ๐Ÿ˜ŽProject (4)
      • ๐Ÿ—“๏ธwbs ํ”„๋กœ์ ํŠธ (3)

๋ธ”๋กœ๊ทธ ๋ฉ”๋‰ด

  • ํ™ˆ
  • ํƒœ๊ทธ
  • ๋ฐฉ๋ช…๋ก

๊ณต์ง€์‚ฌํ•ญ

์ธ๊ธฐ ๊ธ€

ํƒœ๊ทธ

  • HTML #CSS #HTML์ด๋ฏธ์ง€ #HTML์ด๋ฏธ์ง€์—๊ธ€์”จ #HTML์ด๋ฏธ์ง€์—์ด๋ฏธ์ง€

์ตœ๊ทผ ๋Œ“๊ธ€

์ตœ๊ทผ ๊ธ€

ํ‹ฐ์Šคํ† ๋ฆฌ

hELLO ยท Designed By ์ •์ƒ์šฐ.
yeony._.

๐Ÿข์ฝฉ๋ถ€๐Ÿข

[JavaScript] 05. ๋ธŒ๋ผ์šฐ์ € ๊ฐ์ฒด ๋ชจ๋ธ(BOM) - location ๊ฐ์ฒด/navigator ๊ฐ์ฒด
๐Ÿ’ปProgramming/๐Ÿƒ‍โ™€๏ธJavaScript

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

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;

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

 

'๐Ÿ’ปProgramming > ๐Ÿƒโ€โ™€๏ธJavaScript' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

[JavaScript] 06.์ด๋ฒคํŠธ  (0) 2022.09.22
[JavaScript] ๋ธŒ๋ผ์šฐ์ € ๊ฐ์ฒด ๋ชจ๋ธ(BOM) -  (0) 2022.09.22
[JavaScript] 05. ๋ธŒ๋ผ์šฐ์ € ๊ฐ์ฒด ๋ชจ๋ธ(BOM) -๊ฐœ์š”/Window ๊ฐ์ฒด/Document ๊ฐ์ฒด  (0) 2022.09.22
[JavaScript] ๋‚ด์žฅ ๊ฐ์ฒด - Array  (1) 2022.09.22
[JavaScript] JSON  (0) 2022.09.22
    '๐Ÿ’ปProgramming/๐Ÿƒ‍โ™€๏ธJavaScript' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€
    • [JavaScript] 06.์ด๋ฒคํŠธ
    • [JavaScript] ๋ธŒ๋ผ์šฐ์ € ๊ฐ์ฒด ๋ชจ๋ธ(BOM) -
    • [JavaScript] 05. ๋ธŒ๋ผ์šฐ์ € ๊ฐ์ฒด ๋ชจ๋ธ(BOM) -๊ฐœ์š”/Window ๊ฐ์ฒด/Document ๊ฐ์ฒด
    • [JavaScript] ๋‚ด์žฅ ๊ฐ์ฒด - Array
    yeony._.
    yeony._.
    ํž˜ ์„ธ์ง€๋Š” ์•Œ์•ฝ๐Ÿ’Š๐Ÿ’Š๐Ÿ’Š

    ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”