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()์€ ์„œ๋กœ ๋‹ค๋ฅด๊ฒŒ ์ž‘๋™ํ•  ์ˆ˜ ์žˆ๋‹ค๋Š”๊ฑธ ์—ผ๋‘ํ•ด๋‘ฌ์•ผํ•œ๋‹ค.

๋ฉ”ํƒ€๋ฐ์ดํ„ฐ

์กฐํšŒ์ˆ˜
704
์ข‹์•„์š”
0

0๊ฐœ์˜ ๋Œ“๊ธ€

๋“ฑ๋ก๋œ ๋Œ“๊ธ€์ด ์—†์Šต๋‹ˆ๋‹ค.