多了<audio controls="controls" style="display: none;"></audio>

谷歌浏览器慎用有道词典，有道词典会导致body里面多一个元素

<audio controls="controls" style="display: none;"></audio>

什么情况下，你会察觉到这个问题让你非常头疼呢？？

我们都知道，大多数的上传插件，为了实现无刷新页面上传，通常都会构建一个虚拟的iframe和form，比如ajaxupload，它会把form的target属性指定为iframe中的name值，目的是指定返回的页面在哪里打开，上传一般都是返回的json字符串，所以这时候返回json字符串就会被添加到iframe的body中，再获取iframe中body的值作为上传文件的返回结果。

会有什么问题呢？？

这时候返回的是json字符串，你要对数据进行处理，你就得转化为json数据，遗憾的是不管你是用eval转化，还是用JSON.parse转化，都会出现错误，因为这时候获取的返回结果中多了一行<audio controls="controls" style="display: none;"></audio>。

 

你肯定会冥思苦想到底是哪多了这一句呢，原因就可能是你的有道词典导致的，所以若需要用翻译插件，谷歌翻译我觉得会是谷歌浏览器的更好搭配。