Maison > Article > interface Web > Analyse du code de cas classique Js
Analyse du code de cas classique Js
- php中世界最好的语言original
- 2018-05-22 11:32:091574parcourir
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('你的鼠标在图片上！')")/>
</a>
</body>
</html>
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>
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>
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!