html:歌曲在新打开的页面中继续播放演示
今天有一个同学问我如何用html实现新打开的页面继续播放上一个页面的歌曲，现在将演示代码写下来，希望可以帮到更多的朋友。
index.html(注：比较frameset,普通html文件头的dtd文件)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>歌曲在新打开的页面中继续播放</title>
</head>
<frameset rows="0,20%,*">
<frame src="song.html" frameborder="0"/>
<frame src="head.html" frameborder="0"/>
<frameset cols="20%,*">
<frame src="menu.html"/>
<frame src="content1.html" name="content"/>
</frameset>
</frameset>
</html>
song.html
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>歌曲</title>
</head>
<body>
<!-- <embed src="hz.mp3" hidden="yes" loop="-1" autostart="true"> -->
<bgsound src="hz.mp3" loop="infinite" >
</body>
</html>
head.html
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>head.html</title>
</head>
<body>
<h1 align="center">
欢迎光临！
</h1>
</body>
</html>
menu.html
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>menu.html</title>
</head>
<body>
<a href="content1.html" target="content">内容1</a>
<a href="content2.html" target="content">内容2</a>
<a href="content3.html" target="content">内容3</a>
</body>
</html>
content1.html
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>内容1</title>
</head>
<body>
<h1 align="center">
内容1
</h1>
</body>
</html>
content2.html
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>内容2</title>
</head>
<body>
<h1 align="center">
内容2 </h1>
</body>
</html>
content3.html
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>内容3</title>
</head>
<body>
<h1 align="center">
内容3
</h1>
</body>
</html>
html:歌曲在新打开的页面中继续播放演示相关推荐
- DOM--操作元素案例：分时显示不同的图片以及问候语；仿淘宝关闭标签案例；隐藏显示文本框内容；仿新浪注册页面中密码长度的判定
分时显示不同的图片以及问候语 分析: 根据不同的时间来判断,所以需要获取到系统的时间. 利用分支语言来设置不同的图片 需要更换不同的图片,因此需要操作img的元素src 需要一个div来显示不同问候语 ...
- 音乐在html中连续播放,怎么让PPT中背景音乐在多个页面中连续播放
使用PPT幻灯片,有时我们给幻灯片添加了背景音乐,使PPT的效果更好,更能渲染会场的气氛.以下是学习啦小编为您带来的关于PPT中背景音乐在多个页面中连续播放,希望对您有所帮助. PPT中背景音乐在多个 ...
- 轻松实现在web页面中直接播放rtsp视频流
轻松实现在web页面中直接播放rtsp视频流 写在前面 实现 介绍 如何使用 准备ffmpeg 运行rtsp2web 参数说明(在 `new RTSP2web` 时,可配置的参数如下): 前端代码 参 ...
- 设置IE浏览器新打开的页面在当前页的新选项卡中打开
浏览器为IE8,设置方法如下: ① "工具"----"Internet 选项"----"常规"----"选项卡"---- ...
- js实现回到上一页的功能,介绍三种方法,其中一种在新开的页面中也适用
话不多说,看例子 1.history.go() 可以回到,前进任意一步的页面,回到上一页,如下所示 // 回到上一页 window.history.go(-1);// 回到下一页 window.his ...
- 怎样用cmd运行cmd，并在新打开的cmd中运行命令
start (指令)比如 start ping 172.168.13.1 就会弹出新的窗口,并运行ping命令start cmd 就会弹出一个新的命令行窗口...
- 海康威视、大华摄像头RTSP视频流嵌入到谷歌Chrome等VUE页面中实时播放方案（图文教程）
近期在做一个智慧城市项目,要求将海康威视.大华等摄像头RTSP视频流在Chrome.Firefox.Edge等浏览器中播放,并且要求延迟必须要低,能到多低就多低,最好是实时视频. 小编了解很多不同的方 ...
- 当前页面跳转网页，新打开和在本页面打开
替换原页面: window.location.href=""; 新打开一个页面: window.open(''); 转载于:https://www.cnblogs.com/lr-b ...
- window.open跳转到一个已经打开的页面
背景 背景是这样的:某天拿到一个需求,在A页面点击打开B页面,B页面中操作完毕之后,关闭B页面,跳转回A页面.此时如果A页面处于打开状态(此时A页面可能已经人为关闭了),则直接定位到该页面,否则打开一 ...
最新文章
- 方向控制中的动态比例值-P
- 微软BI 之SSAS 系列 - 多维数据集维度用法之二 事实维度(退化维度 Degenerate Dimension)...
- 任我行二 - 高德地图篇1 - 显示地图
- 3分钟配置好静态路由
- 是谁在调用我？使用 arthas+jprofiler 做复杂链路分析
- 汉恩互联「绘动画室」，触摸背景墙
- Spring依赖注入–字段vs设置器vs构造函数注入
- Android dp转px，sp转px
- 无法删除所有指定的值_AutoCAD所有系统变量大全
- python把空格替换成字符串,用空格替换字符串中的字符
- 编写高质量代码改善C#程序的157个建议——建议50：在Dispose模式中应区别对待托管资源和非托管资源...
- 实验九 TCP 协议分析实验
- 爬楼梯——回溯（python）
- java对人物画像分级_用户画像，该怎么分析？
- AidLearning0.87F3安装Python3.8
- AI+PS教程！制作油画质感早餐插画
- java倒序查询数据库_数据库 倒序查询
- CRMEB全开源Java版微信小程序商城，附源码
- 十五分钟水edusrc证书（小学生日记）
- u大师制作linux启动盘制作工具,如何用u大师u盘启动盘制作工具制作启动u盘