javascript - Über das Problem, dass JS den lokalen Bildpfad aufruft?
PHPz
PHPz 2017-05-19 10:08:58
0
4
835

Ich habe im Internet ein Video gesehen und Lu Jin modifiziert, um einen Bildwechsel durchzuführen, und dann habe ich versucht, es selbst zu schreiben. var arr=["./images/1.jpg","./images/2.jpg","./images/3.jpg","./images/4.jpg"];

        two.onclick=function () {
           number++ ;
           img.src=arr[number];
           alert( img.src);
        }

Aber durch die Warnung habe ich gesehen, dass Lu Jin eine lange Zeichenkette ist

Gibt es eine Lösung?
Korrigieren Sie den Code erneut, <!DOCTYPE html>
<html lang="en">
<head>

<meta charset="UTF-8">
<title>Title</title>
<style>
    .ai{float:left;margin-left: 140px;}
  .all{width:420px;position: relative;margin: 0 auto;}
   .box{padding:10px;position: relative;width:400px; height:400px;overflow: hidden;}
   .box img{width: 400px; height:400px;}
    .all input{float: left;margin-left:10px;display: inline;}
    .one{ text-decoration:none;font-size:40px;line-height: 80px;background-color: #004B97;color: whitesmoke;
        opacity:0.5;  -moz-opacity:0.5;  filter:alpha(opacity=50);position: absolute;left: 10px;top:160px;}
    .two{ text-decoration:none;font-size:40px;line-height: 80px;background-color: #004B97;color: whitesmoke;
        opacity:0.5;  -moz-opacity:0.5;  filter:alpha(opacity=50);position: absolute;right: 10px;top:160px;}
</style>
<script>
    window.onload=function () {
        var box=document.getElementById("box");
        var one=document.getElementById("one");
        var two=document.getElementById("two");
        var img=document.getElementById("img");
        var number=0;
        var arr=["./images/1.jpg","./images/2.jpg","./images/3.jpg","./images/4.jpg"];
        **two.onclick=function () {
           number++ ;
           img.src=arr[number];
          alert( img.src);**
        }**
    }**加粗文字**
</script>

</head>
<body>
<p class="all" id="all">

<p class="ai">

<input type="button" value="Loop Play"/>
<input type="button" value="Sequentielle Wiedergabe"/>

</p>

<p class="box" id="box">

<img  id="img" src="./images/1.jpg">
<a class="one" id="one" href=""><</a>
<a  class="two" id="two" href="">></a>

</p>

</p>

</body>
</html>
Lu Jin hat es geändert, aber die Funktion funktionierte immer noch nicht. Der fettgedruckte Code ist der Code zum Wechseln der Bilder. Bitte korrigieren Sie mich

PHPz
PHPz

学习是最好的投资!

Antworte allen(4)
迷茫

一看就知道是中文转义的问题,好好检查下你路径哪里写了中文

迷茫

那一串代码是练习的网页,别问我怎么知道的

过去多啦不再A梦

中文。。。。以后写项目的时候尽量用英文路径,楼上讲得都是对的

大家讲道理

找到原因了,a标签里面添加一个 href="javascript:" 就行了

Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage