求一个js点击跳转网页,并且同时播放音频的效果

qingwadaxia_1 2018-01-12 09:41:19
<a id="cc" href="http://www.baidu.com">aaa</a>
<script>
var cc = document.getElementById("cc");

</script>

音频链接为:sy.wav

请问如何写
...全文
410 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
qingwadaxia_1 2018-01-13
  • 打赏
  • 举报
回复
引用 4 楼 jslang 的回复:
兼容ie8的

<audio id="aud" preload="preload">
  <source src="sy.wav" type="audio/wav">
  <source src="sy.mp3" type="audio/mpeg">
<!--为了兼容所有浏览器要准备wav和mp3两种格式的文件-->
  <embed id="emb" src="sy.mp3" autostart="false" hidden="true">
</audio>
<a id="cc" href="http://www.baidu.com">aaa</a>
<script>
var cc = document.getElementById("cc");
cc.onclick = function () {
	if (document.getElementById("aud").play)
		document.getElementById("aud").play();
	else
		document.getElementById("emb").play();
	var href = this.href;
	setTimeout(function(){
		location.href = href;
	}, 1000);//1000为音效时长
	return false;
}

</script>
今天有事 还没机会测试, 分先给您了 大神 真的感谢回答我这么多问题
天际的海浪 2018-01-13
  • 打赏
  • 举报
回复
兼容ie8的

<audio id="aud" preload="preload">
  <source src="sy.wav" type="audio/wav">
  <source src="sy.mp3" type="audio/mpeg">
<!--为了兼容所有浏览器要准备wav和mp3两种格式的文件-->
  <embed id="emb" src="sy.mp3" autostart="false" hidden="true">
</audio>
<a id="cc" href="http://www.baidu.com">aaa</a>
<script>
var cc = document.getElementById("cc");
cc.onclick = function () {
	if (document.getElementById("aud").play)
		document.getElementById("aud").play();
	else
		document.getElementById("emb").play();
	var href = this.href;
	setTimeout(function(){
		location.href = href;
	}, 1000);//1000为音效时长
	return false;
}

</script>
qingwadaxia_1 2018-01-13
  • 打赏
  • 举报
回复
引用 1 楼 jslang 的回复:

<audio id="aud" preload="preload">
  <source src="sy.wav" type="audio/wav">
  <source src="sy.mp3" type="audio/mpeg">
<!--为了兼容所有浏览器要准备wav和mp3两种格式的文件-->
</audio>
<a id="cc" href="http://www.baidu.com">aaa</a>
<script>
var cc = document.getElementById("cc");
cc.onclick = function () {
	document.getElementById("aud").play();
	var href = this.href;
	setTimeout(function(){
		location.href = href;
	}, 1000);//1000为音效时长
	return false;
}

</script>
这个好像ie8也不兼容
qingwadaxia_1 2018-01-13
  • 打赏
  • 举报
回复
引用 1 楼 jslang 的回复:

<audio id="aud" preload="preload">
  <source src="sy.wav" type="audio/wav">
  <source src="sy.mp3" type="audio/mpeg">
<!--为了兼容所有浏览器要准备wav和mp3两种格式的文件-->
</audio>
<a id="cc" href="http://www.baidu.com">aaa</a>
<script>
var cc = document.getElementById("cc");
cc.onclick = function () {
	document.getElementById("aud").play();
	var href = this.href;
	setTimeout(function(){
		location.href = href;
	}, 1000);//1000为音效时长
	return false;
}

</script>
大神 有兼容ie的方法吗
天际的海浪 2018-01-12
  • 打赏
  • 举报
回复

<audio id="aud" preload="preload">
  <source src="sy.wav" type="audio/wav">
  <source src="sy.mp3" type="audio/mpeg">
<!--为了兼容所有浏览器要准备wav和mp3两种格式的文件-->
</audio>
<a id="cc" href="http://www.baidu.com">aaa</a>
<script>
var cc = document.getElementById("cc");
cc.onclick = function () {
	document.getElementById("aud").play();
	var href = this.href;
	setTimeout(function(){
		location.href = href;
	}, 1000);//1000为音效时长
	return false;
}

</script>

87,990

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧