Window๊ฐ์ฒด note
- ๋ฅ์ง
- Development
- ๋ถ๋ฅ
- Javascript
- ๋ฑ๋ก์ผ
URLํ์ฑ
- Location ๊ฐ์ฒด๋ ํ์ฌ ์ฐฝ ์์ ํ์๋ ๋ฌธ์์ URL์ ๋ํ๋ธ๋ค.
- Location ๊ฐ์ฒด์ hrefํ๋กํผํฐ๋ URL์ ์์ ํ ํ ์คํธ๋ฅผ ๋ํ๋ธ๋ค. location๊ณผ location.href๋ ๊ฐ์ ๋ฐํ๊ฐ์ด ๋์ค๊ธฐ ๋๋ฌธ์ ๋์ค์ ์๋ฌด๊ฑฐ๋ ์ฌ์ฉํด๋ ๊ด๊ณ์๋ค.
- searchํ๋กํผํฐ๋ URL์ ๋ฌผ์ํ(?)๋ค์ ์๋ ๋ด์ฉ๋ถํฐ ์ถ๋ ฅํ๋ค. (์ ๋ฌ์ธ์ ํํธ)
URL์์ ์ ๋ฌ์ธ์ ์ถ์ถํด์ ๊ฐ์ฒด์ ๋ฃ๋ํจ์
// URL์์ ์ ๋ฌ์ธ์ ์ถ์ถํ๊ธฐ ํจ์
function args()
{
var args = new Object();
var query = location.search.substring(1);
var pairs = query.split("&");
for (var i=0; pairs.length>i; i++) {
var pos = pairs[i].indexOf('=');
if (pos == -1) continue;
var argname = pairs[i].substring(0,pos);
var val = pairs[i].substring(pos+1);
val = decodeURIComponent(val);
args[argname] = val;
}
return args;
}
var args = args();
document.write("url์ฃผ์๊ฐ http://...?aa=1&bb=2 ์ผ๋ ");
document.write("์ฃผ์์ค์ bb์ ๊ฐ์ " + args.bb + "์ด๋ค.");
History ๊ฐ์ฒด
History๊ฐ์ฒด๋ ์ธ๊ฐ์ง ๋ฉ์๋๋ฅผ ์ง์ํ๋ค. back()๊ณผ forward()๋ ์ด์ด๋ณธ ํ์ด์ง ๋ชฉ๋ก์์ ์์ผ๋ก ์ด๋ํ๊ฑฐ๋ ๋ค๋ก ์ด๋ํ ์ ์๋ค.
go()๋ฉ์๋๋ ์ ์ ์ ๋ฌ์ธ์๋ฅผ ๋ฐ์ ๋ช๋ฒ ์์ผ๋ก ์ด๋ํ๊ฑฐ๋ ๋ค๋ก ์ด๋ํ ์ ์๋ค.
window.go(-2); // ๋ค๋ก 2๋ฒ์งธ ํ์ด์ง๋ก ์ด๋ํ๋ค.
window.go(1); // ์์ผ๋ก ์ฒซ๋ฒ์งธ ํ์ด์ง๋ก ์ด๋ํ๋ค.
๋ฌธ์์ ํ๋ ์์ ์ฌ์ฉํ๋ค๋ฉด window.back()๊ณผ history.back()์ ์๋ก ๋ค๋ฅด๊ฒ ์๋ํ ์ ์๋ค๋๊ฑธ ์ผ๋ํด๋ฌ์ผํ๋ค.
0๊ฐ์ ๋๊ธ
๋ฑ๋ก๋ ๋๊ธ์ด ์์ต๋๋ค.