javascript 网站常用的iframe分割
作者:
就是一个页面使用两个iframe来调用内容,实现页面导航,更容易控制,可控制性好
中间那个控制块,其实也是一个iframe,把他的宽度定义为10。
然后在他的内部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需刷新才能执行]
然后在他的内部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需刷新才能执行]
您可能感兴趣的文章:
- 通过javascript获取iframe里的值示例代码
- JavaScript自动设置IFrame高度的小例子
- JavaScript设置IFrame高度自适应(兼容各主流浏览器)
- JavaScript 处理Iframe自适应高度(同或不同域名下)
- javascript开发随笔3 开发iframe富文本编辑器的一点体会
- 兼容IE和Firefox的javascript获取iframe文档内容的函数
- javascript+iframe 实现无刷新载入整页的代码
- javascript控制frame,iframe的src属性代码
- javascript iframe编程相关代码
- JavaScript iframe的相互操作浅析
- javascript IFrame 强制刷新代码
- javascript iframe内的函数调用实现方法
- javascript 装载iframe子页面,自适应高度
- javascript iframe中打开文件,并检测iframe存在否
- javascript iFrame研究
- 执行iframe中的javascript方法
- javascript之可拖动的iframe效果代码
- 关于Javascript与iframe的那些事儿