javascript中的警报不起作用

javascript中的警报不起作用,javascript,Javascript,伙计们,我相信答案很简单,但我已经盯着我的代码看了好几个小时了,只是不知道为什么我的警报没有触发……请帮帮我! 所有警报似乎都没有触发 <DOCTYPE! html> <html> <head> <script> window.onload=function() { setTimeout(loadImg("img1.jpg",0),500);

伙计们,我相信答案很简单,但我已经盯着我的代码看了好几个小时了,只是不知道为什么我的警报没有触发……请帮帮我! 所有警报似乎都没有触发

<DOCTYPE! html>
<html>
    <head>

        <script>
            window.onload=function()
            {
                setTimeout(loadImg("img1.jpg",0),500);
                setTimeout(loadImg("img2.jpg",1),1500);
                setTimeout(loadImg("img3.jpg",2),3000);
                setTimeout(loadImg("img4.jpg",3),5000);
                setTimeout(loadImg("img5.jpg",4),4000);
            }

            function loadImg(loc,num)
            {
                alert("in loadImg");
                function load()
                {
                    img=document.getElementByTagName("img");
                    img[num].src=loc;
                }
                return load;
            }

            function search()
            {
                alert("in search");
                isbn=document.getElementById("isbn").value;
                xhr=new XMLHttpRequest();
                xhr.open("GET","http://localhost/lab6x/serverx.php?isbn=+"isbn,true);
                xhr.onreadystatechande=function()
                {
                    alert("in handler");
                    if(xhr.readyState==4 && xhr.status==200)
                    {
                        p=document.getElementById("book");
                        p.innerHTML=xhr.responseText();
                    }
                }
                xhr.send(null);
            }


        </script>
    </head>

    <body>
        <img src="loader.gif" height="200px" width="200px"></img>
        <img height="200px" width="200px"></img>
        <img height="200px" width="200px"></img>
        <img height="200px" width="200px"></img>
        <img height="200px" width="200px"></img>

            <div>
                </br>
                ISBN:<input type="text" id="isbn"/>
                <button onclick="search()">SEARCH</button>

                <p id="book"></p></br>
            </div>
            <p> akhfjkahsjhajkhfhfadkhfahfjkshdfjkshdfkhdfshfkshdf</br>
            jhjkhfjhsjkdfhjkdhfjkshfjksfjkhsjdkfhjk</br></p>

            <a href="https://www.google.com">google</p>
        </body>

    </html>

window.onload=function()
{
setTimeout(loadImg(“img1.jpg”,0),500);
setTimeout(loadImg(“img2.jpg”,1),1500);
setTimeout(loadImg(“img3.jpg”,2),3000);
setTimeout(loadImg(“img4.jpg”,3),5000);
setTimeout(loadImg(“img5.jpg”,4),4000);
}
函数loadImg(loc,num)
{
警报(“装载中”);
函数加载()
{
img=document.getElementByTagName(“img”);
img[num].src=loc;
}
返回载荷;
}
函数搜索()
{
警报(“搜索中”);
isbn=document.getElementById(“isbn”).value;
xhr=newXMLHttpRequest();
xhr.open(“GET”http://localhost/lab6x/serverx.php?isbn=+“isbn,对);
xhr.onreadystatechande=function()
{
警报(“在处理程序中”);
如果(xhr.readyState==4&&xhr.status==200)
{
p=document.getElementById(“book”);
p、 innerHTML=xhr.responseText();
}
}
xhr.send(空);
}

国际书号: 搜寻


AKHFJKAHSJKHFHFADKHFFJKSHDFJKSHDFKHFKSHDF
JHJKHFJHSJJKDFHJKDHFJKSHFJKSFJKFJKFJKHJKKJK

谷歌


此行中有语法错误,因此代码根本无法运行:

xhr.open("GET","http://localhost/lab6x/serverx.php?isbn=+"isbn,true);
您已将
+
放在字符串内部而不是字符串之间:

xhr.open("GET","http://localhost/lab6x/serverx.php?isbn=" + isbn,true);

代码中的其他问题:

  • 您的doctype标记格式不正确,应该是:
  • getElementByTagName
    调用应该是
    getElementsByTagName
  • img
    标记没有结束标记
  • 您在HTML属性中使用CSS单位来表示大小:
    height=“200”width=“200”
  • 您的中断标记格式不正确:



    • 代码中有两个小问题

      第1行:

      <!DOCTYPE html>
      

      如果没有任何警报触发,我建议您重写设置超时。setTimeout和setInterval有时相当挑剔。请尝试以下方法:

      setTimeout(function(){loadImg("img1.jpg",0)},500);
      
      等等。基本上将loadImg调用封装在函数中


      另外,按照其他人说的做:)

      getElementByTagName应该是…元素。。。一个很好的选择是jshint来检查你的文件,@MrMartiniMo:你为什么要编辑掉部分答案?这样包装函数会阻止更改图像的代码运行。
      loadImg
      函数返回必须执行的函数。
      setTimeout(function(){loadImg("img1.jpg",0)},500);