Question

同时加载iFrame并重置文档位置

嗨，我正在为家庭成员制作DVD的视频专辑。该视频将显示在类似于Youtubes的iFrame中，下方的缩略图代表各种视频。

我已经正确地将视频加载到iFrame中了，但是当我到达视频的底行时，我似乎无法让onclick函数多次工作以将iframe重新带回查看位置缩略图。

我对使用javascript非常陌生，似乎无法弄清楚如何让这两个事件同时发生，加载新视频并将iframe带回原来的观看位置。

这是我正在使用的代码来更改完美无缺的帧。

<script type="text/javascript">
function loadsource() 
{ 
var defaultPage = "../vpages/video.htm";
   var query = window.location.search.substring(1);
   var pos = query.indexOf('=');
   if (pos > 0) 
   {
      var frameSource = query.substring(pos+1);
      window.frames["frameBox"].location = frameSource;
   }
   else
   {
      window.frames["frameBox"].location = defaultPage;
   }
}
</script>

<body onload="loadsource()"/><iframe id="frameBox" name="frameBox" 
class="aligncenter" width="600" height="338" frameborder="0" scrolling="no">

这是我尝试使用单击函数上的href的代码，它可以完美地工作（每页加载一次），我需要以某种方式处理原始帧加载代码。

<script type="text/javascript">
   function toFrame(){
       document.location=document.location+'#videotop';
    }
frameBox.onload=toFrame();
</script>

<a href="../vpages/video-21.htm" target="frameBox" onclick="return toFrame();">

这里的描述

我知道对于那些知道他们用javascript做什么的人来说一定很容易，但对我来说，这是非常令人沮丧的，因为我还没有足够的知识来构建我自己的脚本，而且还没有成功地将代码结合到一个脚本中或弄清楚如何规避onclick问题。

帮助！如何将文档定位功能放入onload功能并绕过onclick问题并在加载时将iFrame窗口带回屏幕的可视部分？

感谢您提供的任何帮助。

Answer 1

我不确定我是否理解正确，但我得到的是：

你的页面顶部有一个iframe。有许多链接，向下;

如果有人点击其中一个，则所选视频会加载到iframe中

<a href="..." target="framebox" onclick="return toFrame();">

此外，onclick会调用toFrame()再次“滚动”该页面。我想如果你只是放置像

这样的锚

<a name="topOfPage" id="topOfPage" />

在iframe之前

并将您的toFrame（）函数更改为

function toFrame(){
    location.hash = "#topOfPage";
}

它应该始终向上滚动。

修改：

好的，我再次查看它，在html文件中重新创建它，并找到以下内容为工作：

function toFrame() { location.hash = ''; location.hash = '#videotop'; }

将位置重置为空似乎很重要，否则它不会滚动。现在欢迎你:)（我希望这适合你）

加载iframe并同时重置文档位置

这里的描述

1 个答案: