ํผ์˜ด

<!-- button ํƒœ๊ทธ -->
 
ํ˜„์žฌ ํŽ˜์ด์ง€์—์„œ ๋‹ค๋ฅธ ํŽ˜์ด์ง€์œผ๋กœ ์ด๋™ํ•˜๊ธฐ
<button onclick="location.href='index.html'">text</button >
 
์ƒˆ ํŽ˜์ด์ง€์—์„œ ๋‹ค๋ฅธ ํŽ˜์ด์ง€ ์—ด๊ธฐ
<button onclick="window.open('index.html')">text</button >
 
ํ˜„์žฌ ํŽ˜์ด์ง€ ์ƒˆ๋กœ๊ณ ์นจ
<button onClick="location.reload();">text</button >
 
๋’ค๋กœ ๊ฐ€๊ธฐ
<button onClick="history.back();">text</button >
 
๋’ค๋กœ 1๋ฒˆ ๊ฐ€๊ธฐ
<button onClick="history.go(-1);">text</button >


<!-- a ํƒœ๊ทธ -->
 
ํ˜„์žฌ ํŽ˜์ด์ง€์—์„œ ๋‹ค๋ฅธ ํŽ˜์ด์ง€์œผ๋กœ ์ด๋™ํ•˜๊ธฐ
<a href="#" onclick="location.href='index.html'">text</a>
 
์ƒˆ ํŽ˜์ด์ง€์—์„œ ๋‹ค๋ฅธ ํŽ˜์ด์ง€ ์—ด๊ธฐ
<a href="#" onclick="window.open('index.html')">text</a>
 
ํ˜„์žฌ ํŽ˜์ด์ง€ ์ƒˆ๋กœ๊ณ ์นจ
<a href="#" onClick="location.reload();">text</a>
 
๋’ค๋กœ ๊ฐ€๊ธฐ
<a href="#" onClick="history.back();">text</a>
 
๋’ค๋กœ 1๋ฒˆ ๊ฐ€๊ธฐ
<a href="#" onClick="history.go(-1);">text</a>
 
 
ํ˜น์‹œ๋‚˜ history.back(), history.go(-1) ๋“ฑ ์ด ์ž‘๋™ํ•˜์ง€ ์•Š์œผ๋ฉด
return false;๋ฅผ ๋’ค์ชฝ์— ์‚ฝ์ž…ํ•˜์—ฌ ์‹คํ–‰ํ•ด ๋ณด์„ธ์š”.
<a href="#" onClick="history.go(-1);return false;">text</a>
 
๋ฐ˜์‘ํ˜•
  • ๋„ค์ด๋ฒ„ ๋ธ”๋Ÿฌ๊ทธ ๊ณต์œ ํ•˜๊ธฐ
  • ๋„ค์ด๋ฒ„ ๋ฐด๋“œ์— ๊ณต์œ ํ•˜๊ธฐ
  • ํŽ˜์ด์Šค๋ถ ๊ณต์œ ํ•˜๊ธฐ
  • ์นด์นด์˜ค์Šคํ† ๋ฆฌ ๊ณต์œ ํ•˜๊ธฐ

"์ด ํฌ์ŠคํŒ…์€ ์ฟ ํŒก ํŒŒํŠธ๋„ˆ์Šค ํ™œ๋™์˜ ์ผํ™˜์œผ๋กœ, ์ด์— ๋”ฐ๋ฅธ ์ผ์ •์•ก์˜ ์ˆ˜์ˆ˜๋ฃŒ๋ฅผ ์ œ๊ณต๋ฐ›์Šต๋‹ˆ๋‹ค."