0

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

嗨，我正在制作一张视频专辑，作为送给家人的 DVD 礼物。视频将显示在类似于 Youtube 的 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">

这是我尝试与 a href on click 功能一起使用的代码，该功能可以完美运行（每个页面加载仅一次），我需要以某种方式将其用于原始帧加载代码。

<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 窗口带回加载时屏幕的可查看部分？

感谢您提供的任何帮助。

4

1 回答 1

0

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

你有一个顶部有 iframe 的页面。有很多链接，往下走；

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

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

此外，还有onclickwhich 将调用toFrame()“滚动”页面再次备份。我想如果你只是放置一个锚

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

在您的 iframe 之前并将您的 toFrame() 函数更改为

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

它应该总是向上滚动到那里。

编辑：

好的，我再次查看它，在 html 文件中重新创建它，发现以下内容对我有用：

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

将位置重置为空似乎很重要，否则它不会滚动。现在不客气了:)（我希望这对你有用）

于 2013-11-08T18:09:28.340 回答