JS の古典的なケースの概要コード例-jsチュートリアル-php.cn

JS の古典的なケースの概要コード例

php中世界最好的语言

リリース： 2018-05-30 14:38:30

オリジナル

5818 人が閲覧しました

今回は、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 はフォーカスを使用して Web サイトを選択します:

<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 中国語 Web サイトの他の関連記事にも注目してください。

推奨読書:

React が React-router ルーティングでログイン検証制御を実装する方法

Angular ルーティングでルーティングガードを使用する方法

以上がJS の古典的なケースの概要コード例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。