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.onload=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({});