iframe的使用方法

加载一个html文件，嵌套显示在当前页面上，有几个方法：

1、用jquery的ajax方法：

$("#id").load(url,function(data,status){});

这个方法的一个缺点是，当前页面的css会影响到这个嵌套的页面。

2、用iframe来嵌套：

<span style="white-space:pre">	</span>var iframe=document.createElement("iframe");
        iframe.src="AldsDesc/testiframe.htm";
        

        if(iframe.attachEvent)
        {
            iframe.attachEvent("onload",function(){
                onIframeDown();
            });
        }else
        {
            iframe.οnlοad=function()
            {
                onIframeDown();
            };
        }

        function onIframeDown()
        {
            iframe.style.width="800px";
        }

这里的一个要点是，判断加载完毕的一个方法，用“attachEvent”会比较好；另外进行一些style属性的设定，应该等他加载完毕再进行设定，否则被其他的css覆盖掉了。

一般我们说写在内联的css是优先级最高的，但是这个不一样，他加载有个过程，直接写在内联优先级变成最低了，因为加载完才会给他设定css，你这些早写好放在那里的就会被覆盖掉，比如：

var str="<iframe id='testiframe' src='AldsDesc/testiframe.htm' style='width:800px;'></iframe>";

这个写在内联的style就会被覆盖掉。

然后，如果用弹窗来展示iframe，依然可以这样：

$(iframe).dialog({});