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 相关文章推荐
javascript ready和load事件的区别示例介绍
Aug 30 Javascript
jquery cookie的用法总结
Nov 18 Javascript
qq悬浮代码(兼容各个浏览器)
Jan 29 Javascript
举例详解AngularJS中ngShow和ngHide的使用方法
Jun 19 Javascript
Vue数据驱动模拟实现1
Jan 11 Javascript
简单的vue-resourse获取json并应用到模板示例
Feb 10 Javascript
js分页之前端代码实现和请求处理
Aug 04 Javascript
JavaScript中Object值合并方法详解
Dec 22 Javascript
vue 中Virtual Dom被创建的方法
Apr 15 Javascript
Vue中错误图片的处理的实现代码
Nov 07 Javascript
vue-router结合vuex实现用户权限控制功能
Nov 14 Javascript
vue跳转方式(打开新页面)及传参操作示例
Jan 26 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&&mysql)一
2006/10/09 PHP
php cli模式学习(PHP命令行模式)
2013/06/03 PHP
PHP图片处理之使用imagecopy函数添加图片水印实例
2014/11/19 PHP
浅谈PHP安全防护之Web攻击
2017/01/03 PHP
javascript获取当前日期时间及其它操作函数
2011/01/11 Javascript
《JavaScript DOM 编程艺术》读书笔记之JavaScript 语法
2015/01/09 Javascript
javascript实现漂亮的拖动层,窗口拖拽特效
2015/04/24 Javascript
js添加事件的通用方法推荐
2016/05/15 Javascript
vue实现ToDoList简单实例
2017/02/07 Javascript
vue.js中v-on:textInput无法执行事件问题的解决过程
2017/07/12 Javascript
jQuery中的for循环var与let的区别
2018/04/21 jQuery
微信小程序ibeacon三点定位详解
2018/10/31 Javascript
js实现图片上传即时显示效果
2019/09/30 Javascript
Node对CommonJS的模块规范
2019/11/06 Javascript
用JS实现选项卡
2020/03/23 Javascript
原生js实现五子棋游戏
2020/05/28 Javascript
Python中使用装饰器时需要注意的一些问题
2015/05/11 Python
Python2.x版本中cmp()方法的使用教程
2015/05/14 Python
Pycharm远程调试openstack的方法
2017/11/21 Python
python使用多进程的实例详解
2018/09/19 Python
Python Flask 搭建微信小程序后台详解
2019/05/06 Python
关于python中密码加盐的学习体会小结
2019/07/15 Python
Python Opencv提取图片中某种颜色组成的图形的方法
2019/09/19 Python
Python Django中间件,中间件函数,全局异常处理操作示例
2019/11/08 Python
实例讲解Python 迭代器与生成器
2020/07/08 Python
Python如何测试stdout输出
2020/08/10 Python
德国最大的设计师鞋网上商店:Budapester
2017/12/07 全球购物
中专生毕业自我鉴定
2013/11/01 职场文书
室内拓展活动方案
2014/02/13 职场文书
手工社团活动方案
2014/02/17 职场文书
数学检讨书1000字
2014/02/24 职场文书
小学评语大全
2014/04/22 职场文书
内乡县衙导游词
2015/02/05 职场文书
农业项目合作意向书
2015/05/08 职场文书
导游词之阆中古城
2019/12/23 职场文书
Python的三个重要函数详解
2022/01/18 Python