let's get IT with DAVINA ๐ป
window.open ์์ฐฝ(ํ์ ์ฐฝ) ์ด๊ธฐ ๋ณธ๋ฌธ
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: ์ฐฝ์ ํ๋ฉด ์ผ์ชฝ์์๋ถํฐ์ ํ์ ์์น ์ง์
'DEV_IN > React' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
What is React? (3) | 2023.02.21 |
---|---|
ํน์ ๋ฒํผ์ ๋๋ ์ ๋๋ง, ์ด๋ฒคํธ ์ฃผ๊ธฐ (6) | 2023.02.17 |
prevent scroll event with MODAL (์คํฌ๋กค ๋ฐฉ์ง-๋ชจ๋ฌ์ฐฝ) (5) | 2023.02.17 |
ํ์ด์ง ์ด๋ ์, ์คํฌ๋กค ์๋จ ๊ณ ์ ํ๊ธฐ (2) | 2023.02.08 |
ํ ํ์ด์ง ๋ด์์ ๋ค๋ฅธ component๋ก ์ด๋ํ๊ธฐ (2) | 2023.02.08 |
Comments