javascript 網(wǎng)站常用的iframe分割
更新時間:2008年06月10日 20:15:00 作者:
就是一個頁面使用兩個iframe來調(diào)用內(nèi)容,實(shí)現(xiàn)頁面導(dǎo)航,更容易控制,可控制性好
中間那個控制塊,其實(shí)也是一個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.
復(fù)制代碼 代碼如下:
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自動設(shè)置IFrame高度的小例子
- JavaScript設(shè)置IFrame高度自適應(yīng)(兼容各主流瀏覽器)
- JavaScript 處理Iframe自適應(yīng)高度(同或不同域名下)
- javascript開發(fā)隨筆3 開發(fā)iframe富文本編輯器的一點(diǎn)體會
- 兼容IE和Firefox的javascript獲取iframe文檔內(nèi)容的函數(shù)
- javascript+iframe 實(shí)現(xiàn)無刷新載入整頁的代碼
- javascript控制frame,iframe的src屬性代碼
- javascript iframe編程相關(guān)代碼
- JavaScript iframe的相互操作淺析
- javascript IFrame 強(qiáng)制刷新代碼
- javascript iframe內(nèi)的函數(shù)調(diào)用實(shí)現(xiàn)方法
- javascript 裝載iframe子頁面,自適應(yīng)高度
- javascript iframe中打開文件,并檢測iframe存在否
- javascript iFrame研究
- 執(zhí)行iframe中的javascript方法
- javascript之可拖動的iframe效果代碼
- 關(guān)于Javascript與iframe的那些事兒
相關(guān)文章
js創(chuàng)建數(shù)據(jù)共享接口——簡化框架之間相互傳值
很多框架存在父子關(guān)系,操作起來十分麻煩,很多同學(xué)經(jīng)常出現(xiàn)這樣悲催的代碼2011-10-10獲取網(wǎng)站跟路徑的javascript代碼(站點(diǎn)及虛擬目錄)
js獲取網(wǎng)站根路徑(站點(diǎn)及虛擬目錄) ,需要的朋友可以參考下。2009-10-10echarts學(xué)習(xí)筆記之圖表自適應(yīng)問題詳解
最近發(fā)現(xiàn)一個問題,echarts圖初始化后不能自適應(yīng)瀏覽器的縮放,所以下面這篇文章就來給大家介紹了關(guān)于echarts圖表自適應(yīng)問題的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),需要的朋友可以參考借鑒,下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2017-11-11JavaScript/TypeScript中==和===的區(qū)別詳解
這篇文章主要給大家介紹了關(guān)于JavaScript/TypeScript中==和===區(qū)別的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2022-03-03基于JS如何實(shí)現(xiàn)類似QQ好友頭像hover時顯示資料卡的效果(推薦)
通過本文給大家介紹鼠標(biāo)經(jīng)過好友列表中的好友頭像時顯示資料卡的效果,非常不錯具有參考借鑒價值,感興趣的朋友一起看下吧2016-06-06JS實(shí)現(xiàn)進(jìn)度條順滑版詳細(xì)方案
最近在小程序里,做了一個類似微博刷視頻的需求,其中有一部分功能需要實(shí)現(xiàn)自定義進(jìn)度條,在做完第一版之后發(fā)現(xiàn)進(jìn)度條不順滑,而后想查查網(wǎng)上看有沒有什么好的方案,但最終沒找到合適的。下面給大家分享JS進(jìn)度條順滑版實(shí)現(xiàn)代碼,需要的朋友參考下吧2021-08-08