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 相关文章推荐
js输出列表实现代码
Sep 12 Javascript
解决jquery异步按一定的时间间隔刷新问题
Dec 10 Javascript
javascript游戏开发之《三国志曹操传》零部件开发(一)让静态人物动起来
Jan 23 Javascript
jQuery 跨域访问解决原理案例详解
Jul 09 Javascript
微信小程序 wx.request(接口调用方式)详解及实例
Nov 23 Javascript
javascript获取以及设置光标位置
Feb 16 Javascript
JavaScript实现提交模式窗口后刷新父窗口数据的方法
Jun 16 Javascript
JS按条件 serialize() 对应标签的使用方法
Jul 24 Javascript
angular.js实现购物车功能
Oct 23 Javascript
Element-ui DatePicker显示周数的方法示例
Jul 19 Javascript
解决layer 动态加载select 失效的问题
Sep 18 Javascript
vue的webcamjs集成方式
Nov 16 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中ini_set和ini_get函数的用法小结
2014/02/18 PHP
PHP连接sql server 2005环境配置及问题解决
2014/08/08 PHP
Laravel5.5 视图 - 创建视图和数据传递示例
2019/10/21 PHP
类似GMAIL的Ajax信息反馈显示
2010/02/16 Javascript
Zero Clipboard js+swf实现的复制功能使用方法
2010/03/07 Javascript
jquery实现点击页面计算点击次数
2015/01/23 Javascript
基于JavaScript实现智能右键菜单
2016/03/02 Javascript
jQuery使用getJSON方法获取json数据完整示例
2016/09/13 Javascript
微信小程序 开发之快递查询功能的实现
2017/01/09 Javascript
JavaScript中闭包的详解
2017/04/01 Javascript
vue ssr 指南详读
2018/06/29 Javascript
使用Three.js实现太阳系八大行星的自转公转示例代码
2019/04/09 Javascript
JavaScript前端页面搜索功能案例【基于jQuery】
2019/07/10 jQuery
vue 使用外部JS与调用原生API操作示例
2019/12/02 Javascript
javascript实现滚动条效果
2020/03/24 Javascript
vue商城中商品“筛选器”功能的实现代码
2020/07/01 Javascript
vue开发chrome插件,实现获取界面数据和保存到数据库功能
2020/12/01 Vue.js
使用简单工厂模式来进行Python的设计模式编程
2016/03/01 Python
Python3控制路由器——使用requests重启极路由.py
2016/05/11 Python
Python学习笔记之if语句的使用示例
2017/10/23 Python
python 使用装饰器并记录log的示例代码
2019/07/12 Python
python cumsum函数的具体使用
2019/07/29 Python
Python ORM编程基础示例
2020/02/02 Python
golang/python实现归并排序实例代码
2020/08/30 Python
aec加密 php_php aes加密解密类(兼容php5、php7)
2021/03/14 PHP
带你认识HTML5中的WebSocket
2015/05/22 HTML / CSS
香港演唱会订票网站:StubHub香港
2019/10/10 全球购物
运动会获奖感言
2014/02/11 职场文书
干部个人对照检查材料
2014/08/25 职场文书
大专生自我鉴定怎么写
2014/09/16 职场文书
2014年车间主任工作总结
2014/12/10 职场文书
成本会计岗位职责
2015/02/03 职场文书
统计员岗位职责范本
2015/04/14 职场文书
幼儿园亲子活动通知
2015/04/24 职场文书
科技馆观后感
2015/06/08 职场文书
2015暑期社会实践个人总结
2015/07/13 职场文书