开发者

How to hide a frame from a child of another frame?

开发者 https://www.devze.com 2023-03-08 21:40 出处:网络
How can I hide 开发者_JAVA技巧a frame from the content of another one. I mean: Parent Frame F1 Page P1

How can I hide 开发者_JAVA技巧a frame from the content of another one. I mean:

Parent
 Frame F1
   Page P1
 Frame F2
   Page P2

I want from P2 hide the frame F1 using Javascript of JQuery.


You can do this:

iframe-access.html

<html>
<head>
<style type="text/css">
</style>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.js"></script>
<script type="text/javascript">
</script>
</head>
<body>
<iframe src="iframe1.html" id="iframe1"></iframe>
<iframe src="iframe2.html" id="iframe2"></iframe>
</body>
</html>

iframe1.html

<html>
<head>
<style type="text/css">
</style>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.js"></script>
<script type="text/javascript">
</script>
</head>
<body>
<h1>Iframe 1</h1>
</body>
</html>

iframe2.html

<html>
<head>
<style type="text/css">
</style>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.js"></script>
<script type="text/javascript">
alert('Hide Iframe 1');
window.parent.document.getElementById('iframe1').style.display = 'none';
</script>
</head>
<body>
<h1>Iframe 2</h1>
</body>
</html>

http://jfcoder.com/test/iframe-access.html

NOTE

This will also work (as Jose points out):

window.parent.document.getElementById('framesetID').rows = "0%,*";
0

精彩评论

暂无评论...
验证码 换一张
取 消