Exemples de code de résumé de cas classique Js-js tutoriel-php.cn

Exemples de code de résumé de cas classique Js

php中世界最好的语言

Libérer： 2018-05-30 14:38:30

original

5859 Les gens l'ont consulté

Cette fois, je vais vous présenter des exemples de codes de résumé de cas Js classiques. Quelles sont les précautions lors de l'utilisation des cas classiques Js. Ce qui suit est un cas pratique, jetons un coup d'œil.

Survolez la souris pour changer d'image :

<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>

Copier après la connexion

affichage jsPrévisions météo :

<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>

Copier après la connexion

js utilise focus pour sélectionner des sites 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>

Copier après la connexion

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour un contenu plus passionnant, veuillez prêter attention aux autres éléments connexes. articles sur le site PHP chinois !

Lecture recommandée :

Comment React implémente le contrôle de vérification de connexion dans le routage React-Router

Le garde de routage dans le routage angulaire Comment utiliser

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!