Maison > interface Web > tutoriel HTML > iframeset嵌套的问题:一层iframeset时可以展开与关闭,增加一层就不行了_html/css_WEB-ITnose

iframeset嵌套的问题:一层iframeset时可以展开与关闭,增加一层就不行了_html/css_WEB-ITnose

WBOY
Libérer: 2016-06-24 12:14:52
original
1396 Les gens l'ont consulté

先上码:

<html><head></head><FRAMESET rows="90,*" frameSpacing=0  frameBorder=no border=0 id=index>	<FRAME id=topFrame name=topFrame src="../index/admin_top.jsp" noResize scrolling=no>		<FRAMESET border=0 frameSpacing=0 id=colsIndex frameBorder=no cols=250,11,*>			<FRAME marginheight= "0"   marginwidth= "0" id=leftFrame name=leftFrame src="../index/left.jsp" noResize scrolling=no>                                           <FRAME src="../index/middle.jsp"  name=middleFrame scrolling=no noResize id=middleFrame>             	         <FRAMESET border=0 frameSpacing=0 id=colsIndexSon frameBorder=no rows=250,*>                		       <FRAME id=selectFrame name=selectFrame  marginheight= "1"   marginwidth= "1" src="../index/select.jsp" scrolling=no>             					       <FRAME marginheight= "1"   marginwidth= "1" id=mainFrame name=mainFrame					src="../jump.do?type=city_city" scrolling=no>		         </FRAMESET>			</FRAMESET></FRAMESET>	<body></body></html>
Copier après la connexion


怎么样才能点击middleFrame对leftFrame进行显示与隐藏?

本来只有一个iframeset的时候下面这个JS是可以的,加了colsIndexSon 后就没效果了
function isShowNav(){alert(window.parent.colsIndex.cols);	if(window.parent.colsIndex.cols == "250,11,*"){		window.parent.colsIndex.cols = "0,11,*";	}else{		window.parent.colsIndex.cols = "250,11,*";	}}
Copier après la connexion


回复讨论(解决方案)

增加一层,就要增加一个parent
如window.parent.parent之类的

就你这个结构从middleFrame中操作colsIndex frameset没有问题,我这里测试过了,不过非ie浏览器无法使用,因为不能那样获取colsIndex

    function isShowNav() {        var colsIndex = parent.document.getElementById('colsIndex');        alert(colsIndex.cols);        if (colsIndex.cols == "250,11,*") {            colsIndex.cols = "0,11,*";        } else {            colsIndex.cols = "250,11,*";        }    }
Copier après la connexion

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal