Analyse du code de cas classique Js-js tutoriel-php.cn

Analyse du code de cas classique Js

php中世界最好的语言

Libérer： 2018-05-22 11:32:09

original

1629 Les gens l'ont consulté

Cette fois, je vais vous présenter l'analyse du code de cas classique Js. Quelles sont les précautions pour l'analyse du code de cas classique Js. Voici 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 :

Gestion du routage React Explication détaillée des étapes pour utiliser React Router

Explication détaillée des étapes pour implémenter la fonction d'actualisation déroulante avec ionic

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!