javascript - Html 对象标签 : access element in an html page-6ren

javascript - Html 对象标签 : access element in an html page

转载作者：行者123 更新时间：2023-12-03 10:42:08

26

4

我的 page1 包含加载 page2 的对象标记。问题是，当打开 page1 时，当对象标签加载它时，我需要隐藏 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>

如果 page2 加载到 page1 的对象标记中，我需要隐藏 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
或者在 page2 中有一个 javascript 方法来检查文档 (#document) 是否是对象的子级/内部。

我一直在努力实现这些想法，但没有成功。如果有人能帮助我解决这个问题，我将不胜感激。谢谢。

最佳答案

像@charlietfl一样，我也很好奇你为什么使用<object>标签。但我建议的一般方法是让 page-1 向 page-2 发送一个查询参数(例如“path/page2.html?disableCheck=true”)。

然后您可以在第 2 页中检查这一点，如下所示:

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

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

关于javascript - Html 对象标签 : access element in an html page，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/28727620/

26

4

0

文章推荐： javascript - 在 angularjs 形式中使用 ng-model 的边缘情况

文章推荐： javascript - 动态更新特定 HTML 元素中的选定文本

首页

博学

6Ren·AI

商城