๋กœ๋”ฉ ์ค‘์ž…๋‹ˆ๋‹ค.
๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

๋งํฌํ•  ๋•Œ <a href="...."></a>๋ฅผ ์“ฐ๊ธฐ๋„ ํ•˜์ง€๋งŒ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ด๋ฒคํŠธ๋ฅผ ์œ„ํ•ด onclick ํƒœ๊ทธ๋ฅผ ์‚ฌ์šฉํ•˜๊ธฐ๋„ ํ•ฉ๋‹ˆ๋‹ค. ์•„๋ž˜๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ด๋ฒคํŠธ ์—†์ด onclick ๋งํฌ๋กœ ์ƒˆ์ฐฝ, ํŒ์—…, ํ”„๋ ˆ์ž„์„ ๋„์šฐ๋Š” ๋ฐฉ๋ฒ•์ž…๋‹ˆ๋‹ค.

onclick ํƒœ๊ทธ

<div> ํƒœ๊ทธ๋‚˜ <button> ๋“ฑ ํƒœ๊ทธ์— ๋ถ™์—ฌ๋„ฃ์Šต๋‹ˆ๋‹ค.

<button onclick="location.href='์ฃผ์†Œ'">๋ฒ„ํŠผ</button>
<div onclick="location.href='์ฃผ์†Œ'">๋ฒ„ํŠผ</div>

onclick ์ƒˆ์ฐฝ

<button onclick="window.open('์ฃผ์†Œ')">๋ฒ„ํŠผ</button>

onclick ํŒ์—…์ฐฝ

ํŒ์—…์ฐฝ์—์„œ๋Š” ํŒ์—…์ฐฝ ์ด๋ฆ„๊ณผ ๊ฐ€๋กœ, ์„ธ๋กœ ๋„“์ด ๊ทธ๋ฆฌ๊ณ  status์™€ scrollbars ์˜ต์…˜์„ ์„ค์ •ํ•ด์ฃผ๋ฉด ๋ฉ๋‹ˆ๋‹ค.

<button onclick="window.open('์ฃผ์†Œ','ํŒ์—…์ฐฝ์ด๋ฆ„','width=400,height=500,location=no,status=no,scrollbars=no');">๋ฒ„ํŠผ</button>

onclick ํ”„๋ ˆ์ž„

<button onclick="ํ”„๋ ˆ์ž„์ด๋ฆ„.location.href='์ฃผ์†Œ'">๋ฒ„ํŠผ</button>

onclick ์ƒ์œ„ ํ”„๋ ˆ์ž„์—์„œ ์—ด๊ธฐ

<button onclick="parent.location.href='address'">๋ฒ„ํŠผ</button>

ํ•จ๊ป˜ ๋ณด๋ฉด ์ข‹์€ ๊ธ€

 

ํ‹ฐ์Šคํ† ๋ฆฌ์— ํŒŒ๋น„์ฝ˜ ์‰ฝ๊ฒŒ ๋„ฃ์–ด๋ณด์ž!๐Ÿ“

ํŒŒ๋น„์ฝ˜์€ ๋ธŒ๋ผ์šฐ์ €์— ์ž‘์€ ์ด๋ฏธ์ง€๋ฅผ ๋„ฃ์–ด ๊ณ ์œ  ์›นํŽ˜์ด์ง€๋ฅผ ํ‘œ์‹œํ•˜๋Š” ๊ธฐ๋Šฅ์œผ๋กœ ์‚ฌ์šฉ๋ฉ๋‹ˆ๋‹ค. ํŒŒ๋น„์ฝ˜์œผ๋กœ ๋ณ€ํ™˜ํ•ด์ฃผ๋Š” ์‚ฌ์ดํŠธ๋กœ ๊ฐ„๋‹จํ•˜๊ฒŒ ๋งŒ๋“ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋งŒ๋“œ๋Š” ๋ฐฉ๋ฒ•์€ ํฌํ† ์ƒต์„ ์ด์šฉํ•˜๊ฑฐ๋‚˜

amango.tistory.com

 

hr ํƒœ๊ทธ css 100% ํ™œ์šฉํ•˜๊ธฐ(์ƒ‰์ƒ, ๋‘๊ป˜, ์ ์„ )

hr css๋กœ ์„ ์„ ์–‡๊ฒŒ ํ•˜๊ฑฐ๋‚˜ ์ ์„ ์œผ๋กœ ๋˜๋Š” ์ƒ‰์ƒ์„ ๋„ฃ์–ด์„œ ๊พธ๋ฐ€ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ˆ˜ํ‰์„ ์œผ๋กœ ๋‹จ๋ฝ๊ณผ ๋‹จ๋ฝ์„ ๊ฐ€๋กœ์„ ์œผ๋กœ ๊ตฌ๋ถ„ ์ง€์„ ๋•Œ ์‚ฌ์šฉํ•˜๋Š” hr๋กœ ๋ฉ‹๋‚ด๊ธฐ๋ฅผ ํ•ด๋ณด์„ธ์š”. ๋‹ซ๋Š” ํƒœ๊ทธ ์—†์ด ํƒœ๊ทธ ํ•˜๋‚˜๋กœ ๊ฐ„

amango.tistory.com

onclick ๋งํฌ ํƒœ๊ทธ
onclick ๋งํฌ ํƒœ๊ทธ