Question

伙计们，我相信答案是微不足道的，但我现在已经盯着我的代码几个小时了，我只是无法弄清楚为什么我的警报没有触发.....帮助请！没有任何警报似乎触发

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

Answer 1

此行中存在语法错误，因此代码根本无法运行：

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

您已将+放在字符串中而不是字符串之间：

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

代码中的其他问题：

您的doctype标记格式错误，应该是：<!DOCTYPE html>。
getElementByTagName来电应为getElementsByTagName。
img代码没有结束标记。
您在HTML属性中使用CSS单位的大小为height="200" width="200"。
您的中断标记格式不正确：<br>或<br />。

Answer 2

您的代码中有两个小问题。

第1行：

<!DOCTYPE html>

第31行：

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

Answer 3

如果没有任何警报是trigerring，我sugegst你重写你的setTimeouts。 setTimeout和setInterval有时候很挑剔。试试这个：

setTimeout(function(){loadImg("img1.jpg",0)},500);

等等。基本上在函数中封装了loadImg调用。

另外，做别人说的话:)。

javascript警报无法正常工作

3 个答案: