>웹 프론트엔드 >JS 튜토리얼 >Js 클래식 케이스 코드 분석

Js 클래식 케이스 코드 분석

php中世界最好的语言
php中世界最好的语言원래의
2018-05-22 11:32:091635검색

이번에는 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(&#39;你的鼠标在图片上!&#39;)")/>
</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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.