<div class="codetitle"> <span><a style="CURSOR: pointer" data="21209" class="copybut" id="copybut21209" onclick="doCopy('code21209')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다.</div> <div class="codebody" id="code21209"> <br><!DOCTYPE HTML PUBLIC "-//W3C/ /DTD HTML 4.01 Transitional//EN"> <br><html> <br><head> <br><title>간단한 이벤트 처리</title> <br><br><meta http- Equiv ="keywords" content="keyword1,keyword2,keyword3"> <br><meta http-equiv="description" content="이것은 내 페이지입니다"> content -type" content="text/html; charset=UTF-8"> <br><br><!-- <br><script 언어="text/javascript" src="hello.html" >이 js의 외부 호출 태그는 자동으로 종료될 수 없습니다</script> <br><link rel="stylesheet" type="text/css" href="./styles.css"> > ;<br><script type="text/javascript"> <br>function clickD(obj){ <br>alert(obj.innerHTML) <br>} <br><br>function mouseD(obj ) { <br>obj.style.color = "#f00"; <br>//스타일을 설정하는 코드를 사용할 때 CSS가 -로 표시되는 경우 Camel Case Font-size -> FontSize <br>obj.style.fontSize = "16px"; <br>} <br>function outD(obj){ <br>obj.style.color = "#000" <br>obj.style.fontSize = " 18px"; <br>} <br><br>//<br>with(document){ <br>write("dddd<br/>") <br>} <br>document 사용 .write("aaaa<br/>"); <br>document.write("bbbb<br/>") <br>document.write("cccc<br/>"); < ;/script> <br></head> <br><br><body> <br><div onclick="clickD(this)" style="cursor:pointer;"> </div> <br><div onmouseover="mouseD(this)" onmouseout="outD(this)"> 마우스를 움직여보세요</div> <br><br><br></html> <br><br> <br>2. 브라우저 개체의 예: "두 브라우저 페이지 간의 값 전송이 포함됩니다." <br> </div> <br><br><div class="codetitle">코드 복사<span><a style="CURSOR: pointer" data="12923" class="copybut" id="copybut12923" onclick="doCopy('code12923')"><u> 코드는 다음과 같습니다.</u></a> </span><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" </div>"http:/ /www.w3.org/TR/html4/strict.dtd"> <div class="codebody" id="code12923"> <br><br><html xmlns="http://www.w3.org/1999/xhtml " lang="ko "> <br><head> <br><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <br>< ;title>js01_hello< /title> <br><meta name="author" content="Administrator" /> <br><script type="text/javascript"> <br>// setTimeout(" endWelcome()", 5000);// function endWelcome() { <br>// document.getElementById("welcome").style.display = "none" <br>// } <br>< ;/script> 🎜></head> <br><body> <br><div id="welcome">저희 웹사이트에 오신 것을 환영합니다</div> <br><a href= "#" onclick="window .open('test02.html','aaa','width=300,height=300,resizing=0')">test02</a> <br><a href= "#" onclick="window .open('test03.html','aaa','width=400,height=400,resizing=0')">test03</a> <br><br/> ; <BR><a href="#" onclick="window.open('bless.html','aaa','width=600,height=300')">축복을 입력하세요</a> ; <BR><a href= "#" onclick="window.open('bless.html','aaa','width=600,height=300')">성별 선택</a> <br><div id="bless" ></div> <br></body> <br><br> <br><br><br><br><br>코드 복사</div> 🎜><br> 코드는 다음과 같습니다.<div class="codetitle"><div class="codebody" id="code90897"> <br><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" <BR>"http://www.w3.org/TR/html4/strict.dtd"> <br><br><html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <br><head><meta http-equiv= "Content-Type" content="text/html; charset=utf-8" /> <br><title>js01_hello</title> <br><meta name="author" content="Administrator" / > <br><script type="text/javascript"> <br>function bless() { <br>//입력 축복 가져오기 <br>var mb = document.getElementById("mb"). ; <br>//부모 창 가져오기 <br>var p = window.opener; <br>//부모 창에서 id가 bless인 div 가져오기 <br>var pd = p.document.getElementById(" bless" ); <br>//pd 값 설정<br>pd.innerHTML = mb; <br>//현재 창 닫기<br>window.close() <br></script> ; <br></head> <br><body> <br>축복말 입력:<input type="text" size="40" id="mb"/<input type=" 버튼" onclick="bless()" value="Enter" /> <br></body> <br></html> <br><br> </div></div> </div>