html中怎么动态改变<embed>标签中src的值

最新推荐文章于 2023-05-12 10:16:37 发布

iteye_3567

最新推荐文章于 2023-05-12 10:16:37 发布

阅读量2k

点赞数 1

分类专栏： html 文章标签： HTML CSS 框架 JavaScript ViewUI

html 专栏收录该内容

0 篇文章 0 订阅

订阅专栏

例如一个框架，分上，左·右三部分，

左边框架可以通过点击事件来改变右边框架中<embed>标签中的src，但是改变了之后视频不会随之改变，给人的感觉是没有及时的更新过来，可以采取的措施之一是：

在左边JS代码中，控制的不仅仅是embed标签中的src，而是把整个的embed标签换掉，这下效果就很明显了，O(∩_∩)O~

具体页面代码如下：

frameset.html

<frameset rows="25%,*">
	<frame src="toppage.html">
	
	<frameset cols="28%,*">
		<frame src="leftpage.html">
		<frame id="rightframe" src="rightpage.html">
	</frameset>

</frameset>

top.html:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>toppage.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

  </head>
  
  <body>
    	<div style="font-size:50" align="center">视频点播系统</div>
  </body>
</html>

left.html:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>leftpage.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
	<script type="text/javascript">
	function play(num){
		
		
		if(num==1){			
			var v = document.all("tid").innerHTML;
			parent.rightframe.document.all('message').innerHTML=v;
			parent.rightframe.document.all('myimg').innerHTML="<embed src='D:\\video\\马云励志演讲.wmv'>";
		}
		if(num==2){
			var v = document.all("tid2").innerHTML;
			parent.rightframe.document.all('message').innerHTML=v;
			parent.rightframe.document.all('myimg').innerHTML="<embed src='D:\\video\\马云-我能创造未来1.wmv'>";
		}
		if(num==3){
			var v = document.all("tid3").innerHTML;
			parent.rightframe.document.all('message').innerHTML=v;
			parent.rightframe.document.all('myimg').innerHTML="<embed src='D:\\video\\马云-我能创造未来2.wmv'>";
		}
	}
	</script>
  </head>
  
  <body>
  	<span style="font-size:21" align="right">

    <a οnclick="play(1)" id="tid">111</a><br><br>
    <a οnclick="play(2)" id="tid2">222</a> <br><br>
    <a οnclick="play(3)" id="tid3">333</a><br><br>
   </span>
  </body>
</html>

right.html;

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>rightpage.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

  </head>
  
  <body>
    》》正在播放. <span id="message"></span><br>
    <div id="myimg"> <embed src="D:\\video\\马云励志演讲.wmv"></div>
   
  </body>
</html>