javascript - 字符串中的标签会破坏 JavaScript

Question

我正在尝试使用 JavaScript 将字符串保存到外部文件。以下是我正在执行的内容。

var mytext = "1111#1111"
var a = document.body.appendChild(document.createElement("a"));
a.download = "My_output.html"; 
a.href = "data:text/html," + mytext; 
a.click();

此代码在 Chrome 中完美运行。但是对于 Firefox，它会在“#”之前停止。当我查看生成的输出文件时，我看到以下内容:

Chrome 中的结果如下所示 1111#1111

Firefox 中的结果如下所示 1111

在我看来，主题标签破坏了某些东西。谁能帮我理解为什么字符串中的“#”在 Firefox 而不是 Chrome 中引起了悲伤？我试过用双引号和单引号将字符串括起来，但似乎没有任何效果。

有什么想法吗？

Answer 1

您需要在提交之前为您的字符串添加 URL 编码。

var mytext = encodeURIComponent( "1111#1111" );
var a = document.body.appendChild(document.createElement("a"));
a.download = "My_output.html"; 
a.href = "data:text/html," + mytext; 
a.click();

可在此处找到更多信息:encodeURIComponent

编辑:而且，这只是我顺便说一句，但你为什么还要做 data:text/html？只是似乎没有必要。

您可以通过 Ajax 轻松提交(或者使用 jQuery 的 $.ajax，如果您有可用的库)。如果您碰巧使用 jQuery，那么所有这一切可能会更容易一些。无论哪种方式，希望对您有所帮助。