📜  如何在 IE 的 iframe 中放置一个 div?

📅  最后修改于: 2021-11-07 09:24:24             🧑  作者: Mango

简介: Iframe 用于在网页内显示网页(或可能是文档),即它在当前页面内加载页面(或文档)的内容。

iframe 语法:


方法 1:要在 iframe 中添加额外的 div,您需要使用包装 div,它将您想要的 div 和 iframe 的内容包装到一个单元中。通过这种方式,您可以显示 div 的内容以及嵌入到文档/网页的 iframe。

例子:



  

    
        How to place a div inside
        an iframe for IE?
    

  

    

Div in an Iframe

       
                    
            

This goes in the iframe

            

This is another heading

        
                        
       

            Click Here              

                       

输出:

说明: id=“container”的div是iframe和div内容的包装器/容器,因此div的内容和iframe一起显示。

方法2:另一种处理问题的方法是使用iframe 本身来显示div 的内容,而不是将它们与iframe 一起显示。但是,这种方式 iframe 只在任何时间点显示 div 或网页/文档的内容,因此这种方法有点受限。

句法:


例子:



  

    
        How to place a div inside
        an iframe for IE?
    

  

    

Div in an Iframe

    
                      
       

            Click Here              

  

输出:

说明:在上面的例子中,iframe 显示包含文本的 div:“This going in the iframe”,每当点击“Click Here”链接时,iframe 都会在 iframe 中加载目标 URL 页面,覆盖原来的 div较早出现。这样做会加载维基百科页面,但是,要再次显示 div 的内容,您需要重新加载页面。