Question

我有一个关于在其他页面上访问JavaScript的问题。我有两个框架，一个是自动重新加载，另一个是播放视频。

代码如下：

videoshow.html

 <html>
      <head>
       <script type="text/javascript">
          window.onload = setupRefresh;

          function setupRefresh() {
              setInterval("refreshFrame();", 1000);
          }
          function refreshFrame() {
             parent.right_frame.location.reload();
          }
      </script>
      </head>
      <frameset id="cntfrm" cols="*,100">
        <frame name="left_frame" src="videoplayer.html" frameborder="0" />
        <frame  name="right_frame" src="refresh.html" />
      </frameset>
    </html>

videoplayer.html

<html>
<head>
<script type="text/javascript" src="java.js"></script>



</head>

<body bgcolor="#00000">

<div align="center">
<video id="myVideo" width="*" height="*" autoplay> <!-- controls ->se quiserem com as cenas a aparecer -->
  <source src="movie.mp4" type="video/mp4">
  <object   data="movie.mp4" width="*" height="*">
  </object> 

</video>

</div>

<div align="center">
<font color="white" id="fastforward" size="4"></font>
<br>
<button type="button" onclick="vid_play_pause()">Play/Pause</button>
</div>
</body>
</html>

refresh.html

<html>

<body bgcolor="#00000">
<button  onclick="javascript:parent.left_frame.vid_play_pause">Play/Pause</button>
</body>
</html>

我想在refresh.html上点击“播放/暂停”并停止videoplayer.html上的视频这可能吗？不要担心javascript因为它适用于videoplayer.html，我只需要知道如何在刷新时调用该函数。

Answer 1

尝试使用refresh.html

<script type="text/javascript">

function playPause(){
window.parent.parentPlayPause();
}
</script>

然后在videoshow.html

<script type="text/javascript">

function parentPlayPause(){
document.getElementById('left_frame').contentWindow.vid_play_pause();
}
</script>

Javascript访问另一页面上的脚本

1 个答案: