javascript 网站常用的iframe分割
更新时间：2008年06月10日 20:15:00 作者：
就是一个页面使用两个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的那些事儿
相关文章
这篇文章主要介绍了javascript异步编程的六种方式总结，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-05-05
这篇文章主要介绍了JS实现放大、缩小及拖拽图片的方法,可兼容IE及火狐等浏览器,通过javascript自定义函数实现针对图片的放大、缩小及拖拽等功能,涉及javascript动态操作页面元素的相关技巧,需要的朋友可以参考下2016-08-08
这篇文章将展示如何在 Bootstrap轮播上添加有趣的动画效果，同时确保这个js组件自由扩展和快速上手，感兴趣的小伙伴们可以参考一下2015-12-12
JavaScript的for循环中嵌套一个点击事件的问题解决
本文主要介绍了JavaScript的for循环中嵌套一个点击事件点击一次弹出多个相同的值的解决方法，具有很好的参考价值。下面跟着小编一起来看下吧2017-03-03
JavaScript获取css行间样式,内连样式和外链样式的简单方法
下面小编就为大家带来一篇JavaScript获取css行间样式,内连样式和外链样式的简单方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-07-07
快速掌握WordPress中加载JavaScript脚本的方法
这篇文章主要介绍了快速掌握WordPress中加载JavaScript脚本的方法,以及响应的CSS样式加载方法的简介,需要的朋友可以参考下2015-12-12
本教程使用js实现两张图片切换/多张图片轮换/结束执行等效果，感兴趣的朋友可以参考下哈，希望对你学习js有所帮助2013-04-04
TypeScript是JavaScript的一个超集,主要提供了类型系统和对ES6+的支持,TypeScript的核心原则之一是对值所具有的结构进行类型检查,这篇文章主要给大家介绍了关于Typescript学习之接口interface的相关资料,需要的朋友可以参考下2024-03-03
这篇文章主要为大家详细介绍了JS实现动画中的布局转换，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-08-08
这篇文章主要介绍了CocosCreator实现技能冷却效果，同学们可以跟着教程，亲手试一下，代码都是可以复用的2021-04-04
最新评论