作为纯文本加载的脚本 - 未声明纯文本文档的字符编码。答案

【问题标题】：script loaded as plain text - The character encoding of the plain text document was not declared.作为纯文本加载的脚本 - 未声明纯文本文档的字符编码。
【发布时间】：2012-09-04 18:16:33
【问题描述】：

显然这不是最终形式，而是我创建的用于调试形式的 sn-p。它仍然具有与最终形式相同的错误。我已经为此工作了好几个小时。

在我的客户端 localhost 上没有任何其他 html 表单中的其他 javascript 执行此操作。这是在 MAC 上的 MAMP 环境中。

它就在这里，我无法修复它来拯救我的**。在这一点上最受欢迎的建议。它必须是一些简单的东西。我已经尝试了所有困难的东西，但对结果没有影响。

html文件内容

<!DOCTYPE html>
  <head>
    <meta charset="utf-8" />
    <title>NCSA Contact Form</title>
  </head>

  <body>
    <form action="test.js" name="frmNcsa" id="frmNcsa" method="post">
       <input type="submit" name="submitData" id="submitData" value="Submit"/>

    </form>

    <script type="text/javascript" src="test.js"></script>

  </body>
</html>

test.js 文件内容

    var $ = function(id){
      document.getElementById(id)
    }

    function prepareEventHandlers() {
      alert("This is test.js")
    }

    window.onload =  function () {
      prepareEventHandlers();
    }

Firefox 错误消息

未声明纯文本文档的字符编码。如果文档包含 US-ASCII 范围之外的字符，则文档将在某些浏览器配置中呈现乱码。文件的字符编码需要在传输协议中声明或者文件需要使用字节序标记作为编码签名。

页面重新加载后

单击表单提交按钮后我在浏览器中看到的内容页面重新加载，提交按钮不见了。 JS文件以文本形式读入浏览器

var $ = function(id){
    document.getElementById(id)
}

function prepareEventHandlers() {
    alert("This is test.js")
}

window.onload =  function () {
    prepareEventHandlers();  
}

点击提交应该做什么？

显示“这是一个测试”的警告对话框。

【问题讨论】：

您要发布到 .js 文件？这对我来说是新的......
查看你的表单标签：
@KlausByskovHoffmann:- 这就是所谓的疯狂想法.... :)
我认为这与您的错误无关，但您的 $ 函数不应该返回一些东西吗？例如return document.getElementById(id);
您希望页面被重定向/重新加载吗？这就是您提交 HTML 表单时发生的情况。如果你想要一个没有重定向/重新加载的 from，你需要将一个事件处理程序绑定到表单的 submit 停止提交的事件。

标签： javascript forms utf-8 character-encoding submit

【解决方案1】：

通过在您的表单中添加action="test.js"，您是在告诉浏览器该表单应该提交（发布）到 服务器 上的 test.js，这没有多大意义。在不了解您实际要实现的目标的更多信息的情况下，我只能假设您希望表单纯粹在客户端使用 javascript 处理？在这种情况下，您do not need a form at all。您只需要一个提交按钮，其中包含一个在单击时调用您的处理程序函数的操作。

【讨论】：