在 mozilla 中格式不正确

Question

我在我的文档就绪功能中使用点击监听器。每个点击侦听器中都有一个冗长的代码。为了简单起见，我创建了一个单独的 java 脚本文件，并将点击监听器放在该文件中，并在我的文档中加载了该脚本。现在 Mozilla 给我这个错误

not well-formed

这是我正在使用的确切代码

// ChangePasswordProcess.js File

$("#changePasswordButton").click(function (){
  if($("#newPassword").val() != $("#confirmNewPassword").val()){
      alert('Your new password did not matched');
      return false;
  }else if($("#newPassword").val() == '' || $("#confirmNewPassword").val() == ''){
      alert('Please enter new password');
      return false;
  }else{
      alert('Password changed successfully');
  }
});

这是我在上面加载 java 脚本文件的方式，我的文档已准备好

 $(document).ready(function (){
   $(function () {
  $.getScript('js/ChangePasswordProcess.js');
  });
});

实际上，我想通过将其代码划分到不同的 java 脚本文件中，使文档就绪文件非常简单和简短。如果有人可以有任何替代解决方案来做到这一点？

Answer 1

这似乎是 Mozilla 中的一个错误，对于使用 file:// 协议通过 XMLHttpRequests 从本地磁盘检索的文件，报告 "content-type" 为 "application/xml"。错误"not well-formed"表示javascript内容不是XML，但是脚本的运行支持FireFox恢复成功的观点。我的猜测是与 Bug 409230

相同的问题

错误行为的确认来自于在 localhost 上使用 Node/Express 服务器运行通过 http:// 服务同一页面和 javascript 文件时错误消失]. Node/express 正确地将 javascript 文件的内容报告为 "application/javascript"，并且没有错误消息。

测试HTML（有简化就绪功能）：

<!DOCTYPE html><html><head><title>Not well-formed</title>
<meta charset="utf-8">
<script src="lib/jquery-2.2.1.js"></script>
<script>
 $(document).ready(function (){
      $.getScript('js/ChangePasswordProcess.js'); 
 });
</script>
</head><body>
password: <input id="newPassword" type="text"><br>
confirm: <input id="confirmNewPassword" type="text"><br>
<button type="button" id="changePasswordButton">change</button>
</body></html>

脚本在未缩小的 jquery-2.2.1.js file 中，在第 8114 行附近，添加

console.log("content-type: " + jqXHR.getResponseHeader( "Content-Type" ));

报告响应内容类型。 js/ChangePasswordProcess.js 文件与 OP 相同。

在 mozilla 中格式不正确

not well-formed in mozilla

javascript

jquery

document-ready