이번에는 Js 클래식 케이스 코드 분석을 가져오겠습니다. Js 클래식 케이스 코드 분석의 노트는 무엇인가요?
마우스를 가리키면 사진 전환:
<html> <head> <script type="text/javascript"> function mouseOver() { document.getElementById('b1').src ="diaochan.jpg" } function mouseOut() { document.getElementById('b1').src ="noimage.gif" } </script> </head> <body> <a href="#" onmouseover="mouseOver()" onmouseout="mouseOut()"> <img alt="Visit W3School!" src="noimage.gif" id="b1" onmouseover="alert('你的鼠标在图片上!')")/> </a> </body> </html>
js 표시 날씨 예보:
<html> <head><title></title> <script type="text/javascript"> </script> </head> <body > <p> <iframe src="http://m.weather.com.cn/m/pn11/weather.htm" width="480" height="70" frameborder="1"></iframe> </p> </body> </html>
js는 포커스를 사용하여 웹 사이트를 선택합니다.
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script type="text/javascript"> var i = 1; var focusid; function defau() { document.getElementById('1').focus(); focusid=1; } function showtable() { var id = i + 1; document.getElementById(id).focus(); focusid=id; i++; if (i == 4) { i = 0; } } function openhref() { var href = document.getElementById(focusid).href; document.location = href; } </script> </head> <body onload="defau()"> <a href="http://www.baidu.com/" id="1">百度</a> <a href="http://www.google.com.hk/" id="2">谷歌</a> <a href="http://www.youku.com/" id="3">优酷</a> <a href="http://www.tudou.com/" id="4">土豆</a> <input id="Button1" type="button" value="选择" onclick="showtable()" /><br /> <input id="Button2" type="button" value="进入" onclick="openhref()" /> </body> </html>
에서 사례를 읽은 후 방법을 마스터했다고 믿습니다. 이 기사, 더보기 PHP 중국어 웹사이트의 다른 관련 기사도 주목해주세요!
추천 도서:
React 라우팅 관리 React Router 사용 단계에 대한 자세한 설명
풀다운 새로 고침 기능의 이온 구현 단계에 대한 자세한 설명
위 내용은 Js 클래식 케이스 코드 분석의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!