在 Google Chrome 中，window.open 在带有 # 符号的 csv 上失败

Question

window.open(encodeURI('data:text/csv;charset=utf-8,name,color\njohn,#000000'));

在 chrome 中，上一行下载了一个 csv ，内容如下：

name,color
john,

它似乎忽略了# 符号之后的所有内容。 你知道为什么吗？

ps：在 Safari 上似乎运行良好，它会打开一个包含所有内容的新闻选项卡

Answer 1

因为# 表示文档中某个位置的开始。

你必须将它转义到%23：

'data:text/csv;charset=utf-8,' + encodeURIComponent("name,color\njohn,#000000")

data:text/csv;charset=utf-8,name%2Ccolor%0Ajohn%2C%23000000 的结果应该会更好。