ÔÚflexÖпÉÒÔ³ÊÏÖhtml´úÂëµÄÄÚÈÝ£¬ÕâÑù¿ÉÒÔ½«ÔÀ´±àдµÄÒµÎñ´úÂëǶÌ×µ½´úÂëÖУ¬¿ÉÒÔ½øÐÐϵͳµÄѸËټ̳Ð
1¡¢Ê×ÏÈÐèÒªÐÞ¸ÄÒ»¸ö±àÒë²ÎÊý£¬ÔÚflex compilerµÄGenerate HTML wrapper fileÈ¡Ïû£¬·ÀÖ¹±àÒëÉú³ÉеÄhtml£¬°ÑÎÒÃÇhtmlÖеĴúÂë¸ø¸²¸Ç
2¡¢ÔÚµ÷ÓÃflashµÄhtmlÖÐÌí¼ÓÈçÏ´úÂë
js£º
function moveIFrame(x,y,w,h) {
??? var frameRef=document.getElementById("myFrame");
??? frameRef.style.left=x;
??? frameRef.style.top=y;
??? var iFrameRef=document.getElementById("myIFrame");?
?iFrameRef.width=w;
?iFrameRef.height=h;
}
function hideIFrame(){
??? document.getElementById("myFrame").style.visibility="hidden";
}
?
function showIFrame(){
??? document.getElementById("myFrame").style.visibility="visible";
}
function loadIFrame(url){
?document.getElementById("myFrame").innerHTML = "<iframe id="myIFrame" src="" + url + "" frameborder="0"></iframe>";
}
?
html£º
Òâ˼¾ÍÊÇÔÚÒ³ÃæÖÐÏÔʾһ¸öÒþ²ØµÃ²ã£¬´ýÇëÇóµÄʱºò½øÐÐÒ³ÃæµÄÏÖʵ
3¡¢±àд´úÂëÀ࣬ÆäÖÐÓõ½ÁËÒ»¸öIFrame£¬ÓÃÀ´´æÔڿռ䣬
?<mx:tabnavigator width="100%" height="100%" stylename="treeHeaderFont">
??<container:flexframe label="ÅäÖòÎÊý" width="100%" height="100%">
??</container:flexframe>
??<container:flexframe source="logAdmin!info.ilf" label="ÈÕÖ¾²ÎÊý" width="100%" height="100%">
??</container:flexframe>
?</mx:tabnavigator>
ÕâÑù¾Í¿ÉÒÔÍê³ÉflexÖÐÌá½»urlÇëÇó£¬ÏÔʾ·µ»ØµÄÄÚÈÝÁË¡£
本文介绍如何在Flex应用中嵌入HTML代码并利用JavaScript控制IFrame实现页面元素的动态调整,包括位置、大小及可见性等。通过修改编译参数,避免自动生成HTML文件,并展示了具体的JavaScript函数实现。
10万+

被折叠的 条评论
为什么被折叠?



