๐ปwindow ๊ฐ์ฒด๐ป
- ์ต์์ root ๊ฐ์ฒด์ด๋ค.
- window. ์๋ต์ด ๊ฐ๋ฅํ๋ค.
๋ฉ์๋
- window.open(URL, name, options) : url ์ฃผ์ ํ์ด์ง๋ฅผ ์์ฐฝ์ ํตํด ๋ํ๋ธ๋ค.
- URL : ์์ฐฝ์ URL (์ธ๋ถ/๋ด๋ถ URL)
- name : ์์ฐฝ ์ด๋ฆ (๋น ์นธ์ผ๋ก ๋๋ฉด ์์ฐฝ์ด ๊ณ์ ์ด๋ฆฌ๊ณ , ์ง์ ํ๋ฉด ์ฐฝ์ด ํ๋๋ง ์ด๋ฆฐ๋ค.)
- options : ์์ฐฝ ์ต์ ๋ค (์ฃผ๋ก ํฌ๊ธฐ๋ฅผ ์ค์ ํ๋ค.)
- window.close() : ํ์ฌ ์๋์ฐ๋ฅผ ๋ซ๋๋ค.
๐ถ์ ์ฐฝ ์ด๊ธฐ ๋ฐ ๋ซ๊ธฐ
<body>
<h1>window ๊ฐ์ฒด</h1>
<form name="form1">
<fieldset>
<legend>์ฐฝ ์ ์ดํ๊ธฐ</legend>
<input type="button" value="์์์ฐฝ ๋์ฐ๊ธฐ" name="pbtn1">
<input type="button" value="์์์ฐฝ ๋ซ๊ธฐ" name="pbtn2">
</fieldset>
</form>
<script>
var pbtn1 = window.document.form1.pbtn1;
var pbtn2 = window.document.form1.pbtn2;
pbtn1.onclick = m1;
pbtn2.onclick = m2;
var child;
function m1() {
//์ ์ฐฝ ์ด๊ธฐ
//์ ์ฐฝ ์ด๋ฆ์ ์ง์ ํ์ง ์์ผ๋ฉด ์์ฐฝ์ด ๊ณ์ ๋์ด์ง๋ค.
child = window.open('ex16_child.html', 'child','width=500 height=300 top=100 left=100');
}
function m2() {
//์ ์ฐฝ ๋ซ๊ธฐ
//์์์ฐฝ์ window ๊ฐ์ฒด ์ ๊ทผ
child.close();
}
</script>
</body>window.open์ด object ๋ฅผ ๋ฐํํ๋ ํน์ฑ์ ์ด์ฉํ๋ค.
์๋ก ์์ฑํ ์์ ์ฐฝ์ child ๋ณ์๋ก ์ ์ฅํ์ฌ ์ ์ฐฝ์ ์ ๊ทผํ ๋ child๋ก ์ ๊ทผํ๋ค.
๐ถ์์์ฐฝ์์ ๋ถ๋ชจ์ฐฝ ์ ๊ทผํ๊ธฐ
<body>
<h1>์์ ํ์ด์ง</h1>
<form name="form1">
<input type="button" value="๋ถ๋ชจ์ฐฝ์ ์๋ ํ
์คํธ๋ฐ์ค ์ ๊ทผํ๊ธฐ" name="cbtn1">
<input type="text" name="ctxt1">
</form>
<script>
var cbtn1 = window.document.form1.cbtn1;
var ctxt1 = window.document.form1.ctxt1;
cbtn1.onclick = m1;
function m1() {
//๋ถ๋ชจ์ฐฝ์ window ๊ฐ์ฒด
opener.document.form1.ptxt1.value = '์์์ฐฝ์์ ์ ๊ทผ';
}
</script>
</body>๋ถ๋ชจ์ฐฝ์ window๋ฅผ ์ฐธ์กฐํ๋ ๊ฐ์ฒด์ธ opener๋ฅผ ์ฌ์ฉํ์ฌ ์์์ฐฝ์์ ๋ถ๋ชจ์ฐฝ์ ์ ๊ทผํ๋ค.
'WEB > JavaScript' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
| [JavaScript] collection(๋ด์ฅ๋ฐฐ์ด) (0) | 2023.10.06 |
|---|---|
| [JavaScript] BOM - screen, loaction, history (0) | 2023.10.05 |
| [JavaScript] HTML ์์ฑ ์กฐ์ํ๊ธฐ (0) | 2023.10.05 |
| [JavaScript] Event Handling + ๋ง์ฐ์ค ์ด๋ฒคํธ + ํค ์ด๋ฒคํธ (0) | 2023.10.05 |
| [JavaScript] BOM(Browser Object Mode) (0) | 2023.10.05 |
