用JAVASCRIPT来刷新框架子页面的七种方法用JAVASCRIPT来刷新框架子页面的七种方法

关注

转载最新推荐文章于 2026-04-14 18:40:47 发布 919 阅读 AI 写同款· GEO 优化 ›

经典点云配准算法：迭代最近点算法ICP（Iterative Closest Point）迭代最近点算法，又名为 ICP（Iterative Closest Point）算法。（1）ICP算法对初始值的依赖比较大，具体的配准过程中，如何选择初始值是一个问题，可以使用轮式里程计、imu预积分或其它先验的配准结果。（2）ICP迭代次数过多，实际工程中需要考虑到其实时性的优化问题。（3）迭代终止的阀值的设置也是需要考虑的点，可以考虑自适应阀值的方法。（4）关于寻找最近点可以使用kdtree进行临近搜索。阅读详情

最近看张孝祥老师的javascript视频教程，感觉讲得不错。 http://bt4.5qzone.net/网站上有下的，想学习的可以下下来看一下。这里写的也是他讲的内容。我只是复述一下而已。

下面以三个页面分别命名为framedemo.html,top.html,button.html为例来具体说明如何做。

其中framedemo.html由上下两个页面组成，代码如下：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD>

<TITLE> frameDemo </TITLE>

</HEAD>

</frameset>

</HTML>

现在假设top.html即上面的页面有一个button来实现对下面页面的刷新，可以用以下七种语句，哪个好用自己看着办了。

语句1. window.parent.frames[1].location.reload();

语句2. window.parent.frames.bottom.location.reload();

语句3. window.parent.frames["bottom"].location.reload();

语句4. window.parent.frames.item(1).location.reload();

语句5. window.parent.frames.item('bottom').location.reload();

语句6. window.parent.bottom.location.reload();

语句7. window.parent['bottom'].location.reload();

解释一下：

1.window指代的是当前页面，例如对于此例它指的是top.html页面。

2.parent指的是当前页面的父页面，也就是包含它的框架页面。例如对于此例它指的是framedemo.html。

3.frames是window对象，是一个数组。代表着该框架内所有子页面。

4.item是方法。返回数组里面的元素。

5.如果子页面也是个框架页面，里面还是其它的子页面，那么上面的有些方法可能不行。

top.html源代码；(页面上有七个按钮，功能都是刷新下面的框架页面)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD>

</HEAD>

<BODY>

<input type=button value="刷新1" onclick="window.parent.frames[1].location.reload()"><br>

<input type=button value="刷新2" onclick="window.parent.frames.bottom.location.reload()"><br>

<input type=button value="刷新3" onclick="window.parent.frames['bottom'].location.reload()"><br>

<input type=button value="刷新4" onclick="window.parent.frames.item(1).location.reload()"><br>

<input type=button value="刷新5" onclick="window.parent.frames.item('bottom').location.reload()"><br>

<input type=button value="刷新6" onclick="window.parent.bottom.location.reload()"><br>

<input type=button value="刷新7" onclick="window.parent['bottom'].location.reload()"><br>

</BODY>

</HTML>

下面是bottom.html页面源代码，为了证明下方页面的确被刷新了，在装载完页面弹出一个对话框。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD>

</HEAD>

<BODY onload="alert('我被加载了！')">

<h1>This is the content in button.html.</h1>

</BODY>

</HTML>

over!

收录于