利用 frameset 框架实现切换网页时不刷新背景音乐(不会中断)

当我们在网页中插入音乐播放器或背景音乐时,往往会遇到这样一个问题:音乐只在插入的网页播放,当我们切换网页时音乐会戛然而止,这时我们就想到能不能在每个网页中都插入背景音乐,然而这样也不会产生我们想要的结果,因为音乐会在你每次切换网页时从头播放。要解决这个问题,唯一的办法就是将背景音乐单独的放在一个网页中,然后保证在切换网页时只改变网页内容,而不刷新背景音乐。

<!DOCTYPE html>
<html>
<head>
</head> 
<frameset rows="45,*" frameborder="no" border="0" framespacing="0"> 
<frame src="bgm.html" name="topFrame" scrolling="No" noresize="noresize" id="bottomFrame" title="bottomFrame" /> 
<frame src="home.html" name="mainFrame" id="mainFrame" title="mainFrame" /> 
</frameset> 
<noframes>
<body> 
</body> 
</noframes>
</html>

在这里,我将音乐播放器放在了顶部高为45的框架内,这个框架显示的是bgm.html的内容,也就是说音乐播放器放在bgm.html中。下面另一个框架完全用来显示网站的内容,这里首先显示的是home.html也就是网站的首页,当我在首页中点击一个链接切换至网站中的另一个页面时,只会刷新下面的框架中的内容,而不会影响音乐的持续播放。若你要设置的不是音乐播放器而仅仅是背景音乐,将上面那个frame的高度45改为0即可,这样就不会显示bgm.html而只有声音。

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。