JavaScript 函数禁用整个 JS 代码

Question

我在标题中放置了一个标签，没有任何先前的脚本标签，并且在其中添加了以下代码:

<script type="text/javaScript">
            alert("asd");

            function displayPic(str){
                if(str=""){
                    document.getElementById("slider").innerHTML="<img src="" class='slider'/>";
                }

                if(window.XMLHttpRequest){
                    xmlhttp=new XMLHttpRequest();
                }

                xmlhttp.onreadystatechange=function(){
                    if(xmlhttp.readyState==4){
                        document.getElementById("slider").innerHTML = xmlhttp.responseText;
                    }
                }
                xmlhttp.open("GET", "gallery.php?q="+str, true);
                xmlhttp.send();
            }
        </script>

顶部警报的目的是测试脚本是否正在执行。就目前情况而言，事实并非如此。没有弹出警报说“asd”，就好像根本没有JS代码一样，但是当我删除整个函数displayPic并保留alert(“asd”)时，它工作得很好。我无法发现这段简单的代码有任何问题，并且我花了 30 分钟试图找出可能导致此问题的原因，但我解决问题的能力没有产生任何结果。

这是一个 PHP 页面，顺便说一句，使用 WAMP 在本地主机上运行它。

Answer 1

我刚刚发现了一个有趣的在线资源:http://www.javascriptlint.com/online_lint.php

将您的代码粘贴进去，发现三个可能的问题:

1. 引号问题(它自动“假设”您想要转义引号)
2. “赋值而不是比较”
3. 可能缺少;

 1  <script type="text/javaScript">
 2              alert("asd");
 3  
 4              function displayPic(str){
 5                  if(str=""){
    =========================^
    warning: test for equality (==) mistyped as assignment (=)?
 6                      document.getElementById("slider").innerHTML="<img src=\"\" class='slider'/>";
 7                  }
 8  
 9                  if(window.XMLHttpRequest){
10                      xmlhttp=new XMLHttpRequest();
11                  }
12  
13                  xmlhttp.onreadystatechange=function(){
14                      if(xmlhttp.readyState==4){
15                          document.getElementById("slider").innerHTML = xmlhttp.responseText;
16                      }
17                  }
18                  xmlhttp.open("GET", "gallery.php?q="+str, true);
    ================^
    lint warning: missing semicolon
19                  xmlhttp.send();
20              }
21          </script>

可能有更好的资源，但这显然是您将来在向社区寻求 JavaScript 帮助之前可能想要做的事情。