let's get IT with DAVINA ๐Ÿ’ป

window.open ์ƒˆ์ฐฝ(ํŒ์—…์ฐฝ) ์—ด๊ธฐ ๋ณธ๋ฌธ

DEV_IN/React

window.open ์ƒˆ์ฐฝ(ํŒ์—…์ฐฝ) ์—ด๊ธฐ

๋‹ค๋นˆ์น˜์ฝ”๋“œ๐Ÿ’Ž 2023. 2. 9. 05:09

window.open(์ƒˆ์ฐฝ ์—ด๊ธฐ)

  • ์›น๋ธŒ๋ผ์šฐ์ €์—์„œ ์ƒˆ์ฐฝ(ํŒ์—…์ฐฝ) ์—ด๊ธฐ
window.open('ํŒ์—…์ฃผ์†Œ', 'ํŒ์—…์ฐฝ ์ด๋ฆ„', 'ํŒ์—…์ฐฝ ์„ค์ •');

window.open(url, name, option);

window.open(
     res.data.url,
     "์นด์นด์˜คํ†ก ๊ฒฐ์ œ",
     "top=100px, left=100px height=800px, width=500px"
);

url

์ƒˆ์ฐฝ(ํŒ์—…์ฐฝ)์— ๋ณด์—ฌ์งˆ ์ฃผ์†Œ, ๊ธฐ๋ณธ๊ฐ’: blank ⇒ ๋นˆ ์ฐฝ์ด ๋ณด์ž„

name

์ƒˆ๋กœ ์—ด๋ฆด ์ฐฝ์˜ ์ด๋ฆ„ ๋˜๋Š” ์†์„ฑ ์ง€์ •

  • ๊ธฐ๋ณธ๊ฐ’: _blank (์ƒˆ ์ฐฝ์œผ๋กœ ์—ฐ๋‹ค)
  • _parent: ๋ถ€๋ชจ ํ”„๋ ˆ์ž„์— ์—ด๋ฆฐ๋‹ค.
  • _self: ํ˜„์žฌ ํŽ˜์ด์ง€๋ฅผ ๋Œ€์ฒดํ•œ๋‹ค.
  • _top: ๋กœ๋“œ๋œ ํ”„๋ ˆ์ž„์…‹์„ ๋Œ€์ฒดํ•œ๋‹ค.
  • _name(์ž„์˜์˜ ์ด๋ฆ„): ์ƒˆ ์ฐฝ์ด ์—ด๋ฆฌ๊ณ  ์ฐฝ์˜ ์ด๋ฆ„ ์ง€์ •

option

  • scrollbars: ํŒ์—… ์Šคํฌ๋กค๋ฐ” ์‚ฌ์šฉ ์—ฌ๋ถ€
  • menubar: ๋ฉ”๋‰ด ์ถœ๋ ฅ ์—ฌ๋ถ€
  • width: ํŒ์—…์ฐฝ ๊ฐ€๋กœ ๊ธธ์ด
  • height: ํŒ์—…์ฐฝ ์„ธ๋กœ ๊ธธ์ด
  • top: ์ฐฝ์˜ ํ™”๋ฉด ์œ„์—์„œ๋ถ€ํ„ฐ์˜ ํŒ์—… ์œ„์น˜ ์ง€์ •
  • left: ์ฐฝ์˜ ํ™”๋ฉด ์™ผ์ชฝ์—์„œ๋ถ€ํ„ฐ์˜ ํŒ์—… ์œ„์น˜ ์ง€์ •
Comments