javascript 網(wǎng)站常用的iframe分割
更新時間:2008年06月10日 20:15:00 作者:
就是一個頁面使用兩個iframe來調(diào)用內(nèi)容,實現(xiàn)頁面導航,更容易控制,可控制性好
中間那個控制塊,其實也是一個iframe,把他的寬度定義為10。
然后在他的內(nèi)部js,控制 左右2個iframe.
function switchSysBar(){
if (parent.document.getElementById('attachucp').cols=="160,10,*"){
document.getElementById('leftbar').style.display="";
parent.document.getElementById('attachucp').cols="0,10,*";
}
else{
parent.document.getElementById('attachucp').cols="160,10,*";
document.getElementById('leftbar').style.display="none"
}
}
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
然后在他的內(nèi)部js,控制 左右2個iframe.
復制代碼 代碼如下:
function switchSysBar(){
if (parent.document.getElementById('attachucp').cols=="160,10,*"){
document.getElementById('leftbar').style.display="";
parent.document.getElementById('attachucp').cols="0,10,*";
}
else{
parent.document.getElementById('attachucp').cols="160,10,*";
document.getElementById('leftbar').style.display="none"
}
}
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
您可能感興趣的文章:
- 通過javascript獲取iframe里的值示例代碼
- JavaScript自動設置IFrame高度的小例子
- JavaScript設置IFrame高度自適應(兼容各主流瀏覽器)
- JavaScript 處理Iframe自適應高度(同或不同域名下)
- javascript開發(fā)隨筆3 開發(fā)iframe富文本編輯器的一點體會
- 兼容IE和Firefox的javascript獲取iframe文檔內(nèi)容的函數(shù)
- javascript+iframe 實現(xiàn)無刷新載入整頁的代碼
- javascript控制frame,iframe的src屬性代碼
- javascript iframe編程相關代碼
- JavaScript iframe的相互操作淺析
- javascript IFrame 強制刷新代碼
- javascript iframe內(nèi)的函數(shù)調(diào)用實現(xiàn)方法
- javascript 裝載iframe子頁面,自適應高度
- javascript iframe中打開文件,并檢測iframe存在否
- javascript iFrame研究
- 執(zhí)行iframe中的javascript方法
- javascript之可拖動的iframe效果代碼
- 關于Javascript與iframe的那些事兒
相關文章
js創(chuàng)建數(shù)據(jù)共享接口——簡化框架之間相互傳值
很多框架存在父子關系,操作起來十分麻煩,很多同學經(jīng)常出現(xiàn)這樣悲催的代碼2011-10-10獲取網(wǎng)站跟路徑的javascript代碼(站點及虛擬目錄)
js獲取網(wǎng)站根路徑(站點及虛擬目錄) ,需要的朋友可以參考下。2009-10-10JavaScript/TypeScript中==和===的區(qū)別詳解
這篇文章主要給大家介紹了關于JavaScript/TypeScript中==和===區(qū)別的相關資料,文中通過實例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2022-03-03基于JS如何實現(xiàn)類似QQ好友頭像hover時顯示資料卡的效果(推薦)
通過本文給大家介紹鼠標經(jīng)過好友列表中的好友頭像時顯示資料卡的效果,非常不錯具有參考借鑒價值,感興趣的朋友一起看下吧2016-06-06