javascript - 使用 PHP 动态缩小 Javascript

Question

我使用 PHP 即时删除 HTML、CSS 和 javascript 中的多余空格和行:-在 PHP 文件的开头，我使用 ob_start();

在脚本末尾:-

echo preg_replace(array('/\s{2,}/', '/[\t\n]/'), ' ', ob_get_clean() );

但是在此之后我的 javascript 代码不起作用。我在 javascript 中正确使用分号和括号，所以我想知道这段代码有什么问题!这是我的一些 javascript，如果我不使用该函数删除多余的行，它就可以工作:-

function delfile(fileid)
    {
      var div = "f_" + fileid;
      var location = "/delfile/" + fileid;
      var xmlhttp = new XMLHttpRequest();
      xmlhttp.onreadystatechange=function()  {
                    if (xmlhttp.readyState==4 && xmlhttp.status==200) 
                    {
                        var patt = /Deleted/;
                        var text = xmlhttp.responseText;
                        if(patt.test(text))
                        {
                            var elem = document.getElementById(div);
                            elem.parentNode.removeChild(elem);
                        }
                    else    
                        {
                            alert('Some error deleting that');
                        }

                }
                            }
      xmlhttp.open("POST", location, true);
      xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
      xmlhttp.send("");
  }

动态缩小所有代码后，此代码不起作用!它给出了这个错误:Uncaught ReferenceError: show is not defined files:1onclick files:1

缩小输出:<script>function delfile(fileid) { var div = "f_" + fileid; var location = "/delfile/" + fileid; var xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) { var patt = /Deleted/; var text = xmlhttp.responseText; if(patt.test(text)) { var elem = document.getElementById(div); elem.parentNode.removeChild(elem); } else { alert('Some error deleting that'); } } } xmlhttp.open("POST", location, true); xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); xmlhttp.send(""); }</script>

我猜 xmlhttp.onreadystatechange=function() { 附近有一些问题.

Answer 1

您在 xmlhttp.onreadystatechange 之后缺少一个分号，因此它应该如下所示

xmlhttp.onreadystatechange=function()  { ... };

尽管我认为最好的建议是不要使用这种缩小，因为您面临着出现意外错误的风险(例如您所询问的错误)。另外，我不确定您安全的几个字节是否值得这么额外的麻烦。

如果您确实有充分的理由缩小 js/html，那么我会选择一些可靠的软件/库来执行此操作。