禁用iframes自动onload

时间:2013-05-23 13:56:46

标签: javascript html iframe onload

我有一个包含多个页面的html。     我有一些页面,我在iframe中打开它们。     当我打开html页面(它包含其中的所有页面)时,它开始加载所有iframe,页面变得如此迟缓和缓慢。     有没有办法禁用自动iframe加载?     或者有没有其他方法可以打开没有iframe的页面,但仍然留在我的应用程序中?     这是我的部分(在一个HTML中)代码:

<html>
    <head>
    </head>
    <body>
        <div data-role="page" id="website">
            <div data-theme="a" data-role="header">
                <a href="#home" data-theme="a" data-role="button" data-icon="arrow-l" title="back-button">Back</a>                  
                    Idan    
            </div>    
            <div>    
                <iframe src="http://www.idan.com" style="border: 0; position:absolute; top:43px; left:0; right:0; bottom:0; width:320px; height:480px; background: white"></iframe>            
            </div>    
        </div>    
        <div data-role="page" id="website1">
            <div data-theme="a" data-role="header">
                <a href="#home" data-theme="a" data-role="button" data-icon="arrow-l" title="back-button">Back</a>                  
                    Idan    
            </div>    
            <div>    
                <iframe src="http://www.idan1.com" style="border: 0; position:absolute; top:43px; left:0; right:0; bottom:0; width:320px; height:480px; background: white"></iframe>            
            </div>    
        </div>    
        <div data-role="page" id="website2">
            <div data-theme="a" data-role="header">
                <a href="#home" data-theme="a" data-role="button" data-icon="arrow-l" title="back-button">Back</a>                  
                    Idan    
            </div>    
            <div>    
                <iframe src="http://www.idan2.com" style="border: 0; position:absolute; top:43px; left:0; right:0; bottom:0; width:320px; height:480px; background: white"></iframe>            
            </div>    
        </div>
    </body>
    </html>

2 个答案:

答案 0 :(得分:1)

如果您使用javascript设置iframe的src属性,则可以控制它们应加载的时刻。

答案 1 :(得分:0)

汤姆是对的,

将它放在html的底部,但在标记之前

<script>
document.getElementById("myIframe").src = "http://www.idan1.com";
</script>

您必须将id标记添加到iframe并删除src

              <iframe id="myIframe" style="border: 0; position:absolute; top:43px; left:0; right:0; bottom:0; width:320px; height:480px; background: white"></iframe>            

你甚至可以获得幻想,然后做一套装载。