page2 をロードする object タグを含む page1 があります。つまり、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>
page1 のオブジェクト タグに 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>
いくつかの調査を行った後、2 つの考えられるアイデアを思いつきました。
- page1 内で param タグを使用し、page2 でその値を確認して mydiv を非表示にします
- または、ページ 2 に、ドキュメント (#document) がオブジェクトの子/内部であるかどうかをチェックする JavaScript メソッドがあります。
私はこれらのアイデアのいずれかを実装するのに苦労していますが、成功していません. 誰かがこれで私を助けてくれれば幸いです。ありがとうございました。