转载自龚清林的博客

<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html>
<head>
<title>JS 声音提示</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://www.gongqinglin.com/js/jquery-1.7.2.min.js"></script>
</head>
<body>
<script language="javascript">playSound();
function playSound(){var borswer = window.navigator.userAgent.toLowerCase();if ( borswer.indexOf( "ie" ) >= 0 ){//IE内核浏览器var strEmbed = '<embed name="embedPlay" src="http://www.gongqinglin.com/accessory/ding.wav" autostart="true" hidden="true" loop="false"></embed>';if ( $( "body" ).find( "embed" ).length <= 0 )$( "body" ).append( strEmbed );var embed = document.embedPlay;//浏览器不支持 audion,则使用 embed 播放embed.volume = 100;//embed.play();这个不需要} else{//非IE内核浏览器var strAudio = "<audio id='audioPlay' src='http://www.gongqinglin.com/accessory/ding.wav' hidden='true'>";if ( $( "body" ).find( "audio" ).length <= 0 )$( "body" ).append( strAudio );var audio = document.getElementById( "audioPlay" );//浏览器支持 audionaudio.play();}}</script>
</body>
</html>

JS 声音提示 兼容所有浏览器相关推荐

  1. html5 video.js 使用及兼容所有浏览器

    http://www.itnose.net/detail/6076396.html 一.准备材料 video.js下载: http://www.videojs.com/ 二.代码 引入相关文件: 贴入 ...

  2. JS播放声音 兼容所有浏览器

    <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum ...

  3. html5 复制到剪贴板 兼容,js/jQuery实现复制到剪贴板功能,兼容所有浏览器

    因为工作的原因,需要实现这样一个功能:点击按钮,复制文本内容. 百度了一下,大都语焉不详,最终找到了一篇很好的博文,有讲解,有实例,捣鼓了一会,最终实现了功能. 网址在这里http://www.cnb ...

  4. 加入收藏js代码 兼容所有浏览器

    我们介绍一个可兼容所有浏览器的加入收藏代码代码,大概原理是这样的我们根据获取用户navigator.userAgent.toLowerCase()信息来判断浏览器,根据浏览器是否支持加入收藏js命令, ...

  5. html5 复制到剪贴板 兼容,JS实现复制内容到剪贴板功能兼容所有浏览器(推荐)

    两天前听了一个H5的分享,会议上有一句话,非常有感触:不是你不能,而是你对自己的要求太低.很简单的一句话,相信很多事情不是大家做不到,真的是对自己的要求太低,如果对自己要求多一点,那么你取得的进步可能 ...

  6. html5 加入收藏夹,js添加到收藏夹代码 兼容所有浏览器

    介绍一个可兼容所有浏览器的加入收藏代码代码,大概原理是这样的我们根据获取用户navigator.userAgent.toLowerCase()信息来判断浏览器,根据浏览器是否支持加入收藏js命令,如果 ...

  7. html 关闭当前页面,js关闭当前页面/关闭当前窗口(兼容所有浏览器)

    windows自带的方法 window.close() 代码如下 关闭窗口 这办法问题很多,不兼容就不多介绍了,下面我们再看一个实例 window.close()就可以,不过它会出个提示"您 ...

  8. 移动端js实现点击复制到剪贴板,【真正】兼容所有浏览器uc、qq、微信、手机自带等浏览器...

    移动端js实现点击复制到剪贴板,带提示,[真正]兼容所有浏览器,包括安卓和ios及uc.qq.微信.手机自带等浏览器. github,欢迎star: https://github.com/majian ...

  9. JS中常遇到的浏览器兼容问题和解决方法

    JS中常遇到的浏览器兼容问题和解决方法 参考文章: (1)JS中常遇到的浏览器兼容问题和解决方法 (2)https://www.cnblogs.com/wws-bk/p/9770834.html 备忘 ...

最新文章

  1. 【整理】Linux驱动中,probe函数何时被调用
  2. linux系统打开m3u8文件,M3U8 文件扩展名: 它是什么以及如何打开它?
  3. linux ethtool 查看网卡状态
  4. Linux基础--MBR/GPT与parted
  5. 【nyoj - 252】 01串(简单dp)
  6. linux重定向命令语法,linux重定向命令应用及语法
  7. Java模拟实现一个基于文本界面的《家庭记账软件》
  8. backbond Model实现
  9. python可不可以同时执行1000个线程_python怎么能同时执行代码(多线程)?
  10. 《笑傲网湖》第一回 从HUB和LANSWITCH开始
  11. 我爱你各国的说法+50情话台词 拿去撩妹吧
  12. 关于IDEA下载安装,jpcap与wincap的一些使用方法
  13. pip安装第三方库 报错:You should consider upgrading
  14. 计算机无法加载引导,硬盘找不到无法读取MBR(硬盘的主引导记录)故障分析及解决技巧...
  15. 【工程应用】用Redis存储特征
  16. 搭建网站,需要几种服务器?
  17. 柯西积分不等式的证明题
  18. 大学计算机数学基础2,计算机数学基础-中国大学mooc-题库零氪
  19. 从粉丝经济看粉丝运营
  20. 如何才能做到用户持续增长?

热门文章

  1. Add User for Power Apps 给PowerApps 添加账号
  2. java 调用 mysql存储过程
  3. 四元素定义、运算、插值、与欧拉角之间的转换
  4. Logistic Regression(1)
  5. 编译原理三级项目PL/0的研究与改进
  6. Git 中忽略某些文件或者文件夹
  7. 雇佣兵(YZOJ-1089)
  8. 浪潮云海超融合一体机提升存储性能 支撑关键业务高效运行
  9. VHDL三输入与门、四选一复用器
  10. 如何在Windows命令行中使用Unicode字符?