js利用div背景,做一个竖线的效果。


Posted in Javascript onNovember 22, 2008

后来发现,如果div样式,如果设置了具体的高度,无论ie还ff,都能正常的表现。

但这个高度并不是固定的,而是会随着旁边div内容的多少而变化。最后,只好借助javascript,加载时捕获有关的div的高度,将其赋值给指定的div样式,终于看到了想要的东西。

具体脚本是这样的:

window.onload=function(){
document.getElementById('bg').style.height=document.getElementById('mydiv').offsetHeight+'px';
}

“bg”是要更改高度的div,“mydiv”是相关要参照的div。

最后那个单位“px”一定要加上,否则在ff下会无法识别。

这还是有个问题,就是我看到有人介绍说offsetHeight这个属性在ie7下已经不被支持了,具体我没有试过。如果是这样的话,ie7下这里只好显示空白了。

Javascript 相关文章推荐
基于jquery的实现简单的表格中增加或删除下一行
Aug 01 Javascript
JavaScript 函数replace深入了解
Mar 14 Javascript
js 日期比较相关天数代码
Apr 02 Javascript
jQuery select表单提交省市区城市三级联动核心代码
Jun 09 Javascript
express的中间件basicAuth详解
Dec 04 Javascript
运行Node.js的IIS扩展iisnode安装配置笔记
Mar 02 Javascript
由简入繁实现Jquery树状结构的方法(推荐)
Jun 10 Javascript
微信小程序request出现400的问题解决办法
May 23 Javascript
通过源码分析Vue的双向数据绑定详解
Sep 24 Javascript
Bootstrap 3多级下拉菜单实例
Nov 23 Javascript
微信小程序实现列表下拉刷新上拉加载
Jul 29 Javascript
JavaScript 预解析的4种实现方法解析
Sep 03 Javascript
JavaScript使用技巧精萃[代码非常实用]
Nov 21 #Javascript
FireFox与IE 下js兼容触发click事件的代码
Nov 20 #Javascript
js刷新框架子页面的七种方法代码
Nov 20 #Javascript
拖拉表格的JS函数
Nov 20 #Javascript
设置下载不需要倒计时cookie(倒计时代码)
Nov 19 #Javascript
JavaScript在IE中“意外地调用了方法或属性访问”
Nov 19 #Javascript
$.ajax json数据传递方法
Nov 19 #Javascript
You might like
php+javascript的日历控件
2009/11/19 PHP
php curl的深入解析
2013/06/02 PHP
ThinkPHP调用common/common.php函数提示错误function undefined的解决方法
2014/08/25 PHP
php实现过滤表单提交中html标签的方法
2014/10/17 PHP
php HTML无刷新提交表单
2016/04/05 PHP
简单概括PHP的字符串中单引号与双引号的区别
2016/05/07 PHP
Add Formatted Data to a Spreadsheet
2007/06/12 Javascript
我见过最全的个人js加解密功能页面
2007/12/12 Javascript
jquery学习笔记 用jquery实现无刷新登录
2011/08/08 Javascript
修复ie8&chrome下window的resize事件多次执行
2011/10/20 Javascript
JavaScript 5 新增 Array 方法实现介绍
2012/02/06 Javascript
Javascript学习笔记之函数篇(五) : 构造函数
2014/11/23 Javascript
js+cookies实现悬浮购物车的方法
2015/05/25 Javascript
AngularJS中关于ng-class指令的几种实现方式详解
2016/09/17 Javascript
Javascript动画效果(4)
2016/10/11 Javascript
JS基于递归算法实现1,2,3,4,5,6,7,8,9倒序放入数组中的方法
2017/01/03 Javascript
JavaScript 中使用 Generator的方法
2017/12/29 Javascript
MUI 实现侧滑菜单及其主体部分上下滑动的方法
2018/01/25 Javascript
Vue项目添加动态浏览器头部title的方法
2018/07/11 Javascript
VUE实现图片验证码功能
2020/11/18 Javascript
[01:13]2015国际邀请赛线下观战现场
2015/08/08 DOTA
[01:06] DOTA2英雄背景故事第三期之秩序法则光之守卫
2020/07/07 DOTA
Python 串口读写的实现方法
2019/06/12 Python
Django中在xadmin中集成DjangoUeditor过程详解
2019/07/24 Python
pycharm 中mark directory as exclude的用法详解
2020/02/14 Python
django queryset 去重 .distinct()说明
2020/05/19 Python
python实现一次性封装多条sql语句(begin end)
2020/06/06 Python
亚历山大·王官网:Alexander Wang
2017/06/23 全球购物
澳大利亚家具和家居用品在线商店:Interiors Online
2018/03/05 全球购物
世界上最大的字体市场:MyFonts
2020/01/10 全球购物
房地产销售大学生自我评价分享
2013/11/11 职场文书
法律进学校实施方案
2014/03/15 职场文书
电大毕业生自我鉴定
2014/04/10 职场文书
企业开业庆典答谢词
2015/01/20 职场文书
pytorch训练神经网络爆内存的解决方案
2021/05/22 Python
国庆节到了,利用JS实现一个生成国庆风头像的小工具 详解实现过程
2021/10/05 Javascript