javascript 網(wǎng)站常用的iframe分割
更新時(shí)間：2008年06月10日 20:15:00 作者：
就是一個(gè)頁(yè)面使用兩個(gè)iframe來調(diào)用內(nèi)容，實(shí)現(xiàn)頁(yè)面導(dǎo)航，更容易控制，可控制性好
中間那個(gè)控制塊，其實(shí)也是一個(gè)iframe,把他的寬度定義為10。
然后在他的內(nèi)部js，控制 左右2個(gè)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需再刷新一下頁(yè)面才能執(zhí)行]
然后在他的內(nèi)部js，控制 左右2個(gè)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需再刷新一下頁(yè)面才能執(zhí)行]
您可能感興趣的文章:
- 通過javascript獲取iframe里的值示例代碼
- JavaScript自動(dòng)設(shè)置IFrame高度的小例子
- JavaScript設(shè)置IFrame高度自適應(yīng)(兼容各主流瀏覽器)
- JavaScript 處理Iframe自適應(yīng)高度(同或不同域名下)
- javascript開發(fā)隨筆3 開發(fā)iframe富文本編輯器的一點(diǎn)體會(huì)
- 兼容IE和Firefox的javascript獲取iframe文檔內(nèi)容的函數(shù)
- javascript+iframe 實(shí)現(xiàn)無刷新載入整頁(yè)的代碼
- 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è)面，自適應(yīng)高度
- javascript iframe中打開文件,并檢測(cè)iframe存在否
- javascript iFrame研究
- 執(zhí)行iframe中的javascript方法
- javascript之可拖動(dòng)的iframe效果代碼
- 關(guān)于Javascript與iframe的那些事兒
相關(guān)文章
這篇文章主要介紹了javascript異步編程的六種方式總結(jié)，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-05-05
JS實(shí)現(xiàn)放大、縮小及拖拽圖片的方法【可兼容IE、火狐】
這篇文章主要介紹了JS實(shí)現(xiàn)放大、縮小及拖拽圖片的方法,可兼容IE及火狐等瀏覽器,通過javascript自定義函數(shù)實(shí)現(xiàn)針對(duì)圖片的放大、縮小及拖拽等功能,涉及javascript動(dòng)態(tài)操作頁(yè)面元素的相關(guān)技巧,需要的朋友可以參考下2016-08-08
Bootstrap輪播加上css3動(dòng)畫，炫酷到底！
這篇文章將展示如何在 Bootstrap輪播上添加有趣的動(dòng)畫效果，同時(shí)確保這個(gè)js組件自由擴(kuò)展和快速上手，感興趣的小伙伴們可以參考一下2015-12-12
JavaScript的for循環(huán)中嵌套一個(gè)點(diǎn)擊事件的問題解決
本文主要介紹了JavaScript的for循環(huán)中嵌套一個(gè)點(diǎn)擊事件點(diǎn)擊一次彈出多個(gè)相同的值的解決方法，具有很好的參考價(jià)值。下面跟著小編一起來看下吧2017-03-03
JavaScript獲取css行間樣式,內(nèi)連樣式和外鏈樣式的簡(jiǎn)單方法
下面小編就為大家?guī)硪黄狫avaScript獲取css行間樣式,內(nèi)連樣式和外鏈樣式的簡(jiǎn)單方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-07-07
快速掌握WordPress中加載JavaScript腳本的方法
這篇文章主要介紹了快速掌握WordPress中加載JavaScript腳本的方法,以及響應(yīng)的CSS樣式加載方法的簡(jiǎn)介,需要的朋友可以參考下2015-12-12
本教程使用js實(shí)現(xiàn)兩張圖片切換/多張圖片輪換/結(jié)束執(zhí)行等效果，感興趣的朋友可以參考下哈，希望對(duì)你學(xué)習(xí)js有所幫助2013-04-04
Typescript學(xué)習(xí)之接口interface舉例詳解
TypeScript是JavaScript的一個(gè)超集,主要提供了類型系統(tǒng)和對(duì)ES6+的支持,TypeScript的核心原則之一是對(duì)值所具有的結(jié)構(gòu)進(jìn)行類型檢查,這篇文章主要給大家介紹了關(guān)于Typescript學(xué)習(xí)之接口interface的相關(guān)資料,需要的朋友可以參考下2024-03-03
JS實(shí)現(xiàn)動(dòng)畫中的布局轉(zhuǎn)換
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)動(dòng)畫中的布局轉(zhuǎn)換，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-08-08
CocosCreator實(shí)現(xiàn)技能冷卻效果
這篇文章主要介紹了CocosCreator實(shí)現(xiàn)技能冷卻效果，同學(xué)們可以跟著教程，親手試一下，代碼都是可以復(fù)用的2021-04-04