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: ์ฐฝ์ ํ๋ฉด ์ผ์ชฝ์์๋ถํฐ์ ํ์ ์์น ์ง์