根据iframe内容更改有效的导航按钮和iframe大小

时间:2014-01-26 13:59:30

标签: javascript html iframe onclick onload

我建立了一个非常简单的网站。而stackoverflow已经帮助了我很多,谢谢你!

在我第一次建立网站时,我隐藏并展示了div。它可以在这里找到:vossebeldfietsen.co.nf。这花费了太多的加载时间。然后我使用iframe作为内容,因此网站只在需要时加载它需要的内容。此版本可在此处找到:vossebeldfietsen.nl

现在,点击一个链接,会发生三件事:一个.html文件被加载到iframe中,iframe的大小通过javascript改变,正确的导航按钮通过javascript点亮。

<a href="content/werkplaats.html" target="contentframe" onclick="resizewerkplaats(); CngClass(this);return">Werkplaats</a>

Resizewerkplaats将iframe的大小调整为以像素为单位指定的大小。 CngClass改变了这个元素的类,所以它的图像通过.css改变。但是,通过这种方式,如果单击后退按钮,则iframe大小和“活动”导航按钮不会更改。

我尝试从加载到iframe的werkplaats.html文件中执行javascript命令。这样,文件werkplaats.html应调整其父iframe的大小,并在导航onload中设置活动按钮。我还尝试执行命令onload iframe,让命令在iframe的内容中查找正确的大小和“active”按钮。我发现许多不同的命令可以从iframe内部执行,或者可以使用iframe内部的变量,但在我的特定情况下似乎没有任何作用。此外,网络上没有自动调整iframe大小的解决方案似乎也可以。

  1. 有没有办法从iframe的内容(.html文件)中执行两个javascript命令(更改iframe高度并将导航按钮设置为活动状态)?
  2. 还有另一种方法可以解决vossebeldfietsen.nl中我没有想到的后退按钮问题吗?
  3. 或者是否有其他方法可以解决vossebeldfietsen.nl中我没有想到的后退按钮问题?

0 个答案:

没有答案