Html Object标签:html页面中的access元素

时间:2015-02-25 19:11:28

标签: javascript jquery html param object-tag

我的page1包含一个加载page2的对象标记。事情是,当打开page1时,我需要在object标签加载时隐藏page2中的特定div。否则,当从浏览器打开page2时,它应该正常显示。

我的html和javascript代码如下所示:

page1.html

<html>
....
<div id="myUrl">load object tag here</div>

<script>
...
   document.getElementById("myUrl").innerHTML = '<object type="text/html" width="500px" height="500px" data="path/page2.html" ></object>';

</script>
</html>

如果第2页中的object标记中加载了page2,我需要隐藏mydiv:

page2.html

<html>
....
<div id="mydiv"><h3>test title</h3></div>
....

<script>
//if opened from htmlpage1 hide the div
$("#mydiv").hide();
</script>

</html>

在做了一些研究后,我提出了两个可能的想法:

  • 使用page1中的param标签并检查其在page2中的值以隐藏mydiv
  • 或者在第2页中使用javascript方法检查文档(#document)是否是对象的子/内部。

我一直在努力实施这些想法,但没有成功。 如果有人能帮助我,我将不胜感激。谢谢。

1 个答案:

答案 0 :(得分:1)

与@charlietfl一样,我也很好奇你为什么使用<object>标签。但我推荐的一般方法是第1页向第2页发送查询参数(例如“path / page2.html?disableCheck = true”)。

然后你可以在第2页中检查这个:

<script>
  if (location.search.indexOf("disableCheck")) {
    $("#mydiv").hide();
 }
</script>

这种查询 - 参数方法显然可能是伪造的,但我怀疑这不是一个主要问题。