`

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

    博客分类:
  • js
 
阅读更多

谷歌浏览器慎用有道词典,有道词典会导致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>。

 

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

分享到:
评论

相关推荐

    html 个人简易小网站

    同样,`&lt;audio src="example.mp3" controls&gt;&lt;/audio&gt;`则用于插入音频。这些标签提供了基本的播放、暂停和音量控制。 2. **图片的插入**:HTML中的`&lt;img&gt;`标签用于插入图像,其src属性指向图像文件的URL,例如`&lt;img ...

    循环播放歌曲

    &lt;audio id="myAudio" src="music.mp3" style="display:none;"&gt;&lt;/audio&gt; &lt;script&gt; window.onload = function() { var audioElement = document.getElementById('myAudio'); audioElement.controls = true; ...

    HTML如何制作公司网站首页(web前端期末大作业)

    &lt;video width="320" height="240" controls&gt; &lt;source src="movie.mp4" type="video/mp4"&gt; Your browser does not support the video tag. &lt;/video&gt; ``` #### 4. JS特效 JavaScript特效可以增加页面的动态感,...

    web前端设计与开发期末作品 旅游咨询网站 HTML5期末大作业 HTML+CSS旅游社网站5个页面 关于制作网页主题论述

    &lt;label for="email"&gt;邮箱:&lt;/label&gt; &lt;input type="email" id="email" name="useremail" required&gt; &lt;br&gt; &lt;input type="submit" value="提交"&gt; &lt;/form&gt; ``` #### 4. 多媒体元素应用 - **音频与视频**:使用`...

    制作一个简单HTML校园网页(HTML+CSS)学校网站制作 校园网站设计.md

    slides[i].style.display = "none"; } slides[slideIndex-1].style.display = "block"; } ``` ### 知识点四:多媒体元素的集成 #### 多媒体元素的重要性 多媒体元素(如GIF、视频、音乐等)可以极大地增强...

    HTML+Javascript实现点击图片自动播放背景音乐

    &lt;audio id="bgMusic" src="background.mp3" autoplay="false" controls preload="auto" style="display:none;"&gt;&lt;/audio&gt; ``` 此外,考虑到跨浏览器兼容性,可能需要使用`Web Audio API`或者引入如`Howler.js`这样的...

    HTML5的多媒体

    &lt;audio src="path_to_audio_file.mp3" controls&gt;&lt;/audio&gt; ``` 在这里,`src`属性定义了音频文件的路径,`controls`属性则告诉浏览器显示默认的音频控制条,包括播放、暂停、音量控制等功能。如果希望控制条默认隐藏...

    网页特效代码

    &lt;source src="page7.mid" type="audio/midi"&gt; &lt;/audio&gt; ``` - `controls`:提供播放器控件,如播放/暂停按钮、音量控制等。 - `autoplay`:自动播放音频。 - `loop`:音频结束后重新播放。 - `&lt;source&gt;`:指定音频...

    网页音乐插件

    &lt;source src="music.mp3" type="audio/mpeg"&gt; Your browser does not support the audio element. &lt;/audio&gt; ``` 在这个例子中,`controls`属性提供了用户界面,`&lt;source&gt;`标签则指定了音频文件的位置和类型。如果...

    JavaWeb项目音频资源播放实现方法详解

    &lt;div id="midea" style="display: none;"&gt; &lt;object id='player' height='100' width='200' classid='CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6'&gt; &lt;param name='AutoStart' value='0' /&gt; &lt;param name='Balance'...

    HTML5音频播放器和jQuery全屏图片幻灯片轮播切换

    &lt;source src="myAudio.mp3" type="audio/mpeg"&gt; Your browser does not support the audio element. &lt;/audio&gt; ``` 在上述代码中,`&lt;audio&gt;`标签定义了一个音频元素,`controls`属性表示显示播放、暂停和音量控制等...

    面试题.pdf

    标签支持添加多个源(`&lt;source&gt;`),以适应不同的浏览器格式需求,并可使用`controls`属性显示播放控件。 【HTML5 新增的内容】 HTML5新增了离线存储、表单控件、语义化标签(如&lt;header&gt;、&lt;footer&gt;、&lt;article&gt;等)...

    声音

    &lt;source src="sound-main.mp3" type="audio/mpeg"&gt; &lt;source src="sound-main.ogg" type="audio/ogg"&gt; Your browser does not support the audio element. &lt;/audio&gt; ``` 接下来,我们可以通过CSS来调整`audio`...

    html5-audio-player-with-playlist

    &lt;source src="music.mp3" type="audio/mpeg"&gt; Your browser does not support the audio element. &lt;/audio&gt; ``` 在这个“html5-audio-player-with-playlist-master”项目中,开发者可能使用了JavaScript或jQuery...

    tabbable:查找按制表顺序的DOM节点的后代

    元素具有href属性的&lt;a&gt;元素具有controls属性的&lt;audio&gt;和&lt;video&gt;元素直接在&lt;details&gt;元素下面的第一个&lt;summary&gt; &lt;details&gt;元素没有&lt;summary&gt;元素的&lt;details&gt; &lt;summary&gt;元素具有[contenteditable]属性的...

    1+X web前端初级模拟试题1.pdf

    `controls`属性用于在`&lt;audio&gt;`元素上添加播放、暂停和音量控制等基本控制界面。因此,选项A是正确的。 6. **表格中文字的对齐方式**: 要将表格单元格中的文字垂直靠上、水平居中,需要使用`valign="top"`和`...

    1+X web前端初级模拟试题1.docx

    因此,答案B“style=”display:none”;”是正确的隐藏图片的代码。 【CSS伪元素`:before`】 `:before`伪元素可以用于在元素内容之前插入内容,但默认情况下,`:before`是一个行内元素,设置宽高通常不会生效。因此...

    合并面试题.pdf

    3. **视频/音频标签**:HTML5引入了`&lt;video&gt;`和`&lt;audio&gt;`标签,用于直接在网页中播放多媒体内容。可以设置src属性指定资源,controls属性添加播放控件,还可以通过poster属性设置预览图片。 4. **HTML5新增内容**:...

    摩托罗拉XTS3000写频软件

    :关于上述设置,多长时间鸣叫一次。 Output :选中 Compression 或 AGC 才能使用。默认是增益是 0db ,相当于什么都没做。 Total :全部增益控制,默认是 0db 。 (最大 +-12db ) ...

    AE 菜单对比 AE 中文菜单

    - 多个文件(Multiple Files) - 占位符(Placeholder) - 实色(Solid) - 最近导入的素材(Import Recent Footage) - **导出(Export)** - **查找(Find)** - 查找下一个(Find Next) - **添加到合成(Add Footage to ...

Global site tag (gtag.js) - Google Analytics