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创建数据共享接口——简化框架之间相互传值

    js创建数据共享接口——简化框架之间相互传值

    很多框架存在父子关系,操作起来十分麻烦,很多同学经常出现这样悲催的代码
    2011-10-10
  • 获取网站跟路径的javascript代码(站点及虚拟目录)

    获取网站跟路径的javascript代码(站点及虚拟目录)

    js获取网站根路径(站点及虚拟目录) ,需要的朋友可以参考下。
    2009-10-10
  • echarts学习笔记之图表自适应问题详解

    echarts学习笔记之图表自适应问题详解

    最近发现一个问题,echarts图初始化后不能自适应浏览器的缩放,所以下面这篇文章就来给大家介绍了关于echarts图表自适应问题的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考借鉴,下面随着小编来一起学习学习吧。
    2017-11-11
  • JavaScript/TypeScript中==和===的区别详解

    JavaScript/TypeScript中==和===的区别详解

    这篇文章主要给大家介绍了关于JavaScript/TypeScript中==和===区别的相关资料,文中通过实例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2022-03-03
  • 基于JS如何实现类似QQ好友头像hover时显示资料卡的效果(推荐)

    基于JS如何实现类似QQ好友头像hover时显示资料卡的效果(推荐)

    通过本文给大家介绍鼠标经过好友列表中的好友头像时显示资料卡的效果,非常不错具有参考借鉴价值,感兴趣的朋友一起看下吧
    2016-06-06
  • js实现小星星游戏

    js实现小星星游戏

    这篇文章主要为大家详细介绍了js实现小星星游戏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-03-03
  • TypeScript泛型工作原理详解

    TypeScript泛型工作原理详解

    TypeScript 凭借其强大的类型系统,提供了一项称为泛型的功能,它使开发人员能够编写可重用和类型安全的代码,泛型允许您创建可以处理多种类型(而不是单个类型)的组件,本文深入探讨了 TypeScript 泛型,提供了详尽的解释和代码示例来说明它们的用法和好处
    2024-02-02
  • 限制只能输入数字的实现代码

    限制只能输入数字的实现代码

    下面小编就为大家带来一篇限制只能输入数字的实现代码。小编觉得挺不错的,现在分享给大家,也给大家做个参考,一起跟随小编过来看看吧
    2016-05-05
  • JS实现进度条顺滑版详细方案

    JS实现进度条顺滑版详细方案

    最近在小程序里,做了一个类似微博刷视频的需求,其中有一部分功能需要实现自定义进度条,在做完第一版之后发现进度条不顺滑,而后想查查网上看有没有什么好的方案,但最终没找到合适的。下面给大家分享JS进度条顺滑版实现代码,需要的朋友参考下吧
    2021-08-08
  • js的offsetleft属性的用法小结

    js的offsetleft属性的用法小结

    本文主要介绍了js的offsetleft属性的用法小结,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-05-05

最新评论