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 相关文章推荐
IE 缓存策略的BUG的解决方法
Jul 21 Javascript
js 动态添加标签(新增一行,其实很简单,就是几个函数的应用)
Mar 26 Javascript
前台js改变Session的值(用ajax实现)
Dec 28 Javascript
js加载之使用DOM方法动态加载Javascript文件
Nov 08 Javascript
JavaScript中获取Radio被选中的值
Nov 11 Javascript
基于javascript实现listbox左右移动
Jan 29 Javascript
解析Node.js基于模块和包的代码部署方式
Feb 16 Javascript
JS jQuery使用正则表达式去空字符的简单实现代码
May 20 jQuery
微信小程序 sha1 实现密码加密实例详解
Jul 06 Javascript
基于jQuery对象和DOM对象和字符串之间的转化实例
Aug 08 jQuery
微信小程序获取用户信息及手机号(后端TP5.0)
Sep 12 Javascript
VUE 组件转换为微信小程序组件的方法
Nov 06 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
Zerg基本策略
2020/03/14 星际争霸
针对初学PHP者的疑难问答(1)
2006/10/09 PHP
php实现12306余票查询、价格查询示例
2014/04/17 PHP
php使用include 和require引入文件的区别
2017/02/16 PHP
addRule在firefox下的兼容写法
2006/11/30 Javascript
DLL+ ActiveX控件+WEB页面调用例子
2010/08/07 Javascript
JScript分割字符串示例代码
2013/09/04 Javascript
javascript生成json数据简单示例分享
2014/02/14 Javascript
node.js下when.js 的异步编程实践
2014/12/03 Javascript
JavaScript编程中容易出BUG的几点小知识
2015/01/31 Javascript
JQuery实现可直接编辑的表格
2015/04/16 Javascript
jquery实现的缩略图预览滑块实例
2015/06/25 Javascript
js图片翻书效果代码分享
2015/08/20 Javascript
js实现浮动在网页右侧的简洁QQ在线客服代码
2015/09/04 Javascript
浅析nodejs实现Websocket的数据接收与发送
2015/11/19 NodeJs
javascript加载xml 并解析各节点的值(实现方法)
2016/10/12 Javascript
详解handlebars+require基本使用方法
2016/12/21 Javascript
在vue中,v-for的索引index在html中的使用方法
2018/03/06 Javascript
postman+json+springmvc测试批量添加实例
2018/03/31 Javascript
详解webpack 打包文件体积过大解决方案(code splitting)
2018/04/10 Javascript
jQuery常见的遍历DOM操作详解
2018/09/05 jQuery
在vue+element ui框架里实现lodash的debounce防抖
2019/11/13 Javascript
JS数据类型(基本数据类型、引用数据类型)及堆和栈的区别分析
2020/03/04 Javascript
VUE实时监听元素距离顶部高度的操作
2020/07/29 Javascript
python中matplotlib的颜色及线条控制的示例
2018/03/16 Python
pandas 实现将重复表格去重,并重新转换为表格的方法
2018/04/18 Python
PyCharm代码回滚,恢复历史版本的解决方法
2018/10/22 Python
Python 单例设计模式用法实例分析
2019/09/23 Python
Adobe Html5 Extension开发初体验图文教程
2017/11/14 HTML / CSS
Hotels.com爱尔兰:全球酒店预订
2017/02/24 全球购物
美国购买新书和二手书网站:Better World Books
2018/10/31 全球购物
Can a struct inherit from another class? (结构体能继承类吗)
2014/07/22 面试题
文言文形式的学生求职信
2013/12/03 职场文书
推荐信范文大全
2015/03/27 职场文书
2015年秋季小学开学标语
2015/07/16 职场文书
战友聚会致辞
2015/07/28 职场文书