๊ด€๋ฆฌ ๋ฉ”๋‰ด

๋ชฉ๋กDeveolpment Study๐Ÿ—‚๏ธ/Javascript (61)

bom's happy life

[JS] window.onload = function() ๋ž€?

window.onload = function()๋ž€? - ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ ํŽ˜์ด์ง€๊ฐ€ ๋กœ๋“œ๋˜๋ฉด ์ž๋™์œผ๋กœ ์‹คํ–‰๋˜๋Š” ์ „์—ญ ์ฝœ๋ฐฑํ•จ์ˆ˜ - ํŽ˜์ด์ง€์˜ ๋ชจ๋“  ์š”์†Œ๋“ค์ด ๋กœ๋“œ๋˜์–ด์•ผ ํ˜ธ์ถœ๋œ๋‹ค. - ํ•œ ํŽ˜์ด์ง€์—์„œ ํ•˜๋‚˜์˜ window.onload() ํ•จ์ˆ˜๋งŒ ์ ์šฉ๋œ๋‹ค. html ๋‚ด์˜ ์š”์†Œ๋“ค์„ ์›€์ง์ผ ์ˆ˜ ์žˆ๋Š” dom ๊ฐ์ฒด๋ฅผ ์กฐ์ž‘ํ•˜๋Š” ๋ฐฉ์‹ ๋•Œ javascript๋ฅผ ์‚ฌ์šฉํ•œ๋‹ค. ์œ„๋กœ๋ถ€ํ„ฐ ์ฐจ๋ก€๋Œ€๋กœ ์ฝ์–ด๋“ค์ด๋Š” ํ”„๋กœ๊ทธ๋ž˜๋ฐ ๋ณธ์—ฐ์˜ ์ž‘๋™ ๋ฐฉ์‹๊ณผ, ์‹คํ–‰ ์ด์ „์— ์—๋Ÿฌ ์ฒดํฌ๋ฅผ ํ•˜์ง€ ์•Š๊ณ  ์‹คํ–‰ํ•˜๋Š” ์ธํ„ฐํ”„๋ฆฌํ„ฐ ์–ธ์–ด์  ํŠน์„ฑ์œผ๋กœ ์ธํ•ด ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ž‘์„ฑ ์œ„์น˜์— ๋”ฐ๋ผ ์˜ค์ž‘๋™์„ ์ผ์œผํ‚ค๊ธฐ๋„ ํ•œ๋‹ค. ๋ฐ”๋กœ ์ด๋•Œ window.onload() ํ•จ์ˆ˜๋ฅผ ์ด์šฉํ•˜์—ฌ ์ด๋Ÿฌํ•œ ์˜ค์ž‘๋™์„ ๋ฐฉ์ง€ํ•  ์ˆ˜ ์žˆ๋‹ค. ์‚ฌ์šฉ๋ฐฉ๋ฒ• ์˜ˆ์‹œ! head ๋ถ€๋ถ„์— ์ž‘์„ฑ๋œ ์Šคํฌ๋ฆฝํŠธ๋ฌธ์ด ์žˆ๋‹ค๊ณ  ๊ฐ€์ •ํ•ด๋ณด์ž. hello ..

[JS] ํ•„์ˆ˜ ๋™์˜ํ•ญ๋ชฉ ์ฒดํฌ์‹œ submit( )๋˜๊ฒŒ ํ•˜๊ธฐ

๋ฌธ์ œ : ํ•„์ˆ˜ํ•ญ๋ชฉ์— ์ฒดํฌ๋ฅผ ํ•ด์•ผ ์„œ๋ฒ„์— ์ œ์ถœ๋˜๋„๋ก ์ฝ”๋“œ๋ฅผ ์งฐ๋Š”๋ฐ, alert๋งŒ ๋œจ๊ณ  ์ œ์ถœ๋˜์–ด๋ฒ„๋ฆผ. inputํƒœ๊ทธ ํƒ€์ž…์„ submit์œผ๋กœ ํ•ด๋†“์•„์„œ ๊ทธ๋žฌ๋‹ค. onclickํ•จ์ˆ˜๋ฅผ ๊ตฌํ˜„ํ•ด๋†จ์Œ์—๋„ ๋ถˆ๊ตฌํ•˜๊ณ  submit์ด ๋˜์–ด๋ฒ„๋ ธ๋‹ค. ๊ทธ๋ž˜์„œ ํƒ€์ž…์„ button์œผ๋กœ ๋ฐ”๊ฟจ๋”๋‹ˆ, ๋ฒ„ํŠผ์„ ํด๋ฆญํ–ˆ์„๋•Œ submit_btn() ํ•จ์ˆ˜๊ฐ€ ์‹คํ–‰๋˜์–ด์„œ ํ•„์ˆ˜ํ•ญ๋ชฉ์„ ์ฑ„์›Œ์•ผ ์„œ๋ฒ„๋กœ ์ œ์ถœ๋˜๊ฒŒ ์ˆ˜์ •๋˜์—ˆ๋‹ค! ์ˆ˜์ •๋œ ์ฝ”๋“œ : function submit_btn() { //์•ฝ๊ด€๋™์˜ ํ™•์ธ var agree = document.getElementById("css_check_1"); if(!agree.checked) { alert("ํ•„์ˆ˜ ๋™์˜ ํ•ญ๋ชฉ์— ์ฒดํฌํ•ด์ฃผ์„ธ์š”."); return; } //ํ•„์ˆ˜ ์ž…๋ ฅ๋ž€ ํ™•์ธ var rpsnNm = document.get..