Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/419.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 加载iframe并同时重置文档位置_Javascript_Html_Iframe_Javascript Events - Fatal编程技术网

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

Javascript 加载iframe并同时重置文档位置,javascript,html,iframe,javascript-events,Javascript,Html,Iframe,Javascript Events,加载iFrame并同时重置文档位置 嗨,我正在制作一个视频相册,送给家人一张DVD。视频将显示在类似YouTube的iFrame中,下面的缩略图表示各种视频 我已经将视频正确加载到iFrame中,但是当我到达视频缩略图的底部行时,我似乎无法让onclick函数多次工作以将iFrame恢复到查看位置 我对使用javascript非常陌生,似乎不知道如何使两个事件同时发生,加载新视频并将iframe恢复到其原始查看位置 这是我用来更改帧的代码,它可以完美地工作 函数loadsource() {

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

嗨,我正在制作一个视频相册,送给家人一张DVD。视频将显示在类似YouTube的iFrame中,下面的缩略图表示各种视频

我已经将视频正确加载到iFrame中,但是当我到达视频缩略图的底部行时,我似乎无法让onclick函数多次工作以将iFrame恢复到查看位置

我对使用javascript非常陌生,似乎不知道如何使两个事件同时发生,加载新视频并将iframe恢复到其原始查看位置

这是我用来更改帧的代码,它可以完美地工作



函数loadsource()
{ 
var defaultPage=“../vpages/video.htm”;
var query=window.location.search.substring(1);
var pos=query.indexOf('=');
如果(位置>0)
{
var frameSource=query.substring(pos+1);
window.frames[“frameBox”]。location=frameSource;
}
其他的
{
window.frames[“frameBox”]。location=defaultPage;
}
}
下面是我试图与a href on click函数一起使用的代码,该函数可以完美地工作(每页加载仅一次),我需要以某种方式将其应用到原始的帧加载代码中



函数toFrame(){
document.location=document.location+'#videotop';
}
onload=toFrame();
描述在这里 我知道,对于那些知道如何使用javascript的人来说,这一定很容易,但对于我来说,这是非常令人沮丧的,因为我还没有足够的知识来构建自己的脚本,也没有成功地将代码合并到一个脚本中,或者想出如何绕过onclick问题

救命啊!如何将文档位置函数放入onload函数中,绕过onclick问题,并在加载时将iFrame窗口恢复到屏幕的可视部分


感谢您提供的一切帮助。

我不确定我是否理解正确,但我得到的是:

你有一个顶部有一个iframe的页面。有很多链接,向下

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

<a href="..." target="framebox" onclick="return toFrame();">
在iframe之前,将toFrame()函数更改为

function toFrame(){
    location.hash = "#topOfPage";
}
它应该一直滚动到那里

编辑

好的,我再次查看了它,在html文件中重新创建了它,发现以下内容适合我:

将位置重置为空似乎很重要,否则它不会滚动。
现在欢迎您:)(我希望这对您有用)

您有到该页面的链接吗?@Geoffrey Burdett(我没有到该页面的链接,正如最初的问题所述,它是本地构建的,用于DVD。)@Palatiner最初的问题还显示了toFrame()函数中的锚#videotop,据我所知,“location.hash=”#topOfPage“基本上与toFrame()的原始编码做相同的事情功能,因此通过进行建议的更改,onclick问题仍然存在,我的困境也是如此。基本问题是,onclick无论我如何编码,仅在第一次单击链接的任何一组缩略图图像时,才将页面滚动回锚定位置。在连续单击相同或其他缩略图链接时,视频将加载到锚定位置t文档不会回滚到iframe上方的锚。我如何加载视频并回滚到锚,而不使用onclick,它显然只能在每页加载时运行一次。实际上,我需要知道的是如何放置函数“loadsource()”和函数“toFrame()”,或其等效项,加载到同一脚本中,以便在单击href标记时加载iframe并将文档滚动回iframe上方的锚。有人能帮忙吗?您可以尝试删除

<a href="..." target="framebox" onclick="return toFrame();">
<a name="topOfPage" id="topOfPage" />
function toFrame(){
    location.hash = "#topOfPage";
}
function toFrame() {
    location.hash = '';
    location.hash = '#videotop';
}