先上码:
<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>
怎么样才能点击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,*"; }}
回复讨论(解决方案)
增加一层,就要增加一个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,*"; } }

一致的HTML編碼風格很重要,因為它提高了代碼的可讀性、可維護性和效率。 1)使用小寫標籤和屬性,2)保持一致的縮進,3)選擇並堅持使用單引號或雙引號,4)避免在項目中混合使用不同風格,5)利用自動化工具如Prettier或ESLint來確保風格的一致性。

在Bootstrap4中實現多項目輪播的解決方案在Bootstrap4中實現多項目輪播並不是一件簡單的事情。雖然Bootstrap...

如何實現鼠標滾動事件穿透效果?在我們瀏覽網頁時,經常會遇到一些特別的交互設計。比如在deepseek官網上,�...

無法直接通過CSS修改HTML視頻的默認播放控件樣式。 1.使用JavaScript創建自定義控件。 2.通過CSS美化這些控件。 3.考慮兼容性、用戶體驗和性能,使用庫如Video.js或Plyr可簡化過程。

在手機上使用原生select的潛在問題在開發移動端應用時,我們常常會遇到選擇框的需求。通常情況下,開發者傾...

在手機上使用原生select的弊端是什麼?在移動設備上開發應用時,選擇合適的UI組件是非常重要的。許多開發者�...

使用Three.js和Octree優化房間內第三人稱漫遊的碰撞處理在Three.js中使用Octree實現房間內的第三人稱漫遊並添加碰�...

使用原生select在手機上的問題在移動設備上開發應用時,我們經常會遇到需要用戶進行選擇的場景。雖然原生sel...


熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

DVWA
Damn Vulnerable Web App (DVWA) 是一個PHP/MySQL的Web應用程序,非常容易受到攻擊。它的主要目標是成為安全專業人員在合法環境中測試自己的技能和工具的輔助工具,幫助Web開發人員更好地理解保護網路應用程式的過程,並幫助教師/學生在課堂環境中教授/學習Web應用程式安全性。 DVWA的目標是透過簡單直接的介面練習一些最常見的Web漏洞,難度各不相同。請注意,該軟體中

Safe Exam Browser
Safe Exam Browser是一個安全的瀏覽器環境,安全地進行線上考試。該軟體將任何電腦變成一個安全的工作站。它控制對任何實用工具的訪問,並防止學生使用未經授權的資源。

SublimeText3 Linux新版
SublimeText3 Linux最新版

Dreamweaver CS6
視覺化網頁開發工具

PhpStorm Mac 版本
最新(2018.2.1 )專業的PHP整合開發工具