如何对iframe进行控制

如果你用于关闭好像无效那你还不如有JS调用iframe给清空就行了,试试吧,先给iframe弄个ID,试试吧,应该可以

解决方案 »

  1.   

    b是动态创建的？写了一个简单的，你测试下：
    a.html<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    <script type="text/javascript">
    function closeiframe(){
    document.getElementById("iframe1").style.display="none";
    var str="b.html";
    window.open(str,null,"_blank");
    }
    </script>
    </head><body>
    <iframe id="iframe1" src="iframe1.html" >
    </iframe>
    <input type="submit" value="消失" onclick="closeiframe()" />
    </body>
    </html>iframe1
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    </head><body>
    <p>hello,我是iframe1</p>
    </body>
    </html>
    b.html<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    <script type="text/javascript">
    function close_b(){
    window.close();
    }
    </script>
    </head>
    <body>
    <input type="submit" onclick="close_b()" value="关闭" />
    </body>
    </html>
    我在ff下测试了还可以，不知道合不合你要求
      

  2.   

    你理解错了，b.html就是iframe装载的
    而且这样iframe知识隐藏了，不是关闭了
      

  3.   

    你理解错了，b.html就是iframe装载的 
    而且这样iframe知识隐藏了，不是关闭了。你的需求我有点不明白， 可以说清楚点吗？二楼的做法是隐藏了iframe  
    我认为这样做就可以了， 为什么你要关闭iframe了。
    你的要求是让iframe 区域 不可见， 还是iframe 区域可见， 但内容不可见。   ？？？？？？？？
      

  4.   

    lz说得我糊涂了,你的意思是说iframe中装载的页面是b.html,然后你又要关闭b.html?那你说关闭之后iframe中显示是什么?空白?
      

  5.   

    不好意思，我的说法有问题了我更改了一下：
    父窗口 a.html 
    子窗口 b.html （用iframe装载）b.html是动态创建的（创建一个iframe标签，src=b.html） 
    1.a.html中有关闭按钮用于关闭iframe,请问如何实现（现在用移除对象代替） 2.b.html(iframe)中如何关闭自身窗口（用window.close()好像没有效果） 
      

  6.   

    哎,得个分真不容易啊,再贴一个.
    a.html
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    <script type="text/javascript">
    function closeiframe(){
    document.getElementById("iframe1").removeNode(true);
    }
    //修改iframe1的src属性,这里可以动态加入你想装载的页面.
    function modify(){
    document.getElementById("iframe1").src="";
    }
    </script>
    </head><body>
    <iframe id="iframe1" src="b.html">
    </iframe>
    <input type="submit" onclick="closeiframe()" value="关闭" />
    </body>
    </html>b.html<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    <script type="text/javascript" >
    function close_b(){
    parent.modify();//调用父页面的modify方法.
    }
    </script>
    </head>
    <body>
    <p>我是b.html</p>
    <input type="submit" onclick="close_b()" value="关闭" />
    </body>
    </html>你说b页面是动态的,我上面的那个代码已经写了,你再试试.
      

  7.   

    //修改iframe1的src属性,这里可以动态加入你想装载的页面.
    我已经写了...
      

  8.   

    你要关闭b页面的要求不可能实现,因为你是把b页面加载到iframe中,我是修改了iframe的src的属性来达到这个要求