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浏览器兼容Firefox的JS脚本的代码
Oct 23 Javascript
javascript弹出层输入框(示例代码)
Dec 11 Javascript
基于js与flash实现的网站flv视频播放插件代码
Oct 14 Javascript
Jquery实现图片预加载与延时加载的方法
Dec 22 Javascript
js实现简单锁屏功能实例
May 27 Javascript
node.js回调函数之阻塞调用与非阻塞调用
Nov 13 Javascript
Vue组件之全局组件与局部组件的使用详解
Oct 09 Javascript
vue如何安装使用Quill富文本编辑器
Sep 21 Javascript
vue自定义指令实现方法详解
Feb 11 Javascript
Vue中CSS动画原理的实现
Feb 13 Javascript
JS实现星星海特效
Dec 24 Javascript
windows下create-react-app 升级至3.3.1版本踩坑记
Feb 17 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 join函数应用
2011/05/04 PHP
php中用foreach来操作数组的代码
2011/07/17 PHP
深入file_get_contents函数抓取内容失败的原因分析
2013/06/25 PHP
CodeIgniter实现更改view文件夹路径的方法
2014/07/04 PHP
Laravel 5.4前后台分离,通过不同的二级域名访问方法
2019/10/13 PHP
PHP7 foreach() 函数修改
2021/03/09 PHP
js几个不错的函数 $$()
2006/10/09 Javascript
javascript内存管理详细解析
2013/11/11 Javascript
jquerymobile局部渲染的各种刷新方法小结
2014/03/05 Javascript
php和js对数据库图片进行等比缩放示例
2014/04/28 Javascript
js加减乘除丢失精度问题解决方法
2014/05/16 Javascript
jQuery中clearQueue()方法用法实例
2014/12/29 Javascript
jQuery实现购物车计算价格功能的方法
2015/03/25 Javascript
JQUERY简单按钮轮换选中效果实现方法
2015/05/07 Javascript
基于jquery实现在线选座订座之影院篇
2015/08/24 Javascript
JS表单验证的代码(常用)
2016/04/08 Javascript
浅谈Node.js轻量级Web框架Express4.x使用指南
2017/05/03 Javascript
jQuery.form.js的使用详解
2017/06/14 jQuery
vue 系列——vue2-webpack2框架搭建踩坑之路
2017/12/22 Javascript
从vue基础开始创建一个简单的增删改查的实例代码(推荐)
2018/02/11 Javascript
工作中常用js功能汇总
2020/11/07 Javascript
Python Web框架Flask信号机制(signals)介绍
2015/01/01 Python
python文件写入实例分析
2015/04/08 Python
使用python和pygame绘制繁花曲线的方法
2018/02/24 Python
Python中跳台阶、变态跳台阶与矩形覆盖问题的解决方法
2018/05/19 Python
Python爬虫实现的根据分类爬取豆瓣电影信息功能示例
2019/09/15 Python
Python类的动态绑定实现原理
2020/03/21 Python
HTML5 虚拟键盘出现挡住输入框的解决办法
2017/02/14 HTML / CSS
信息管理应届生求职信
2014/03/07 职场文书
工作保证书范文
2014/04/29 职场文书
人力资源管理系自荐信
2014/05/31 职场文书
乡党政领导班子群众路线教育实践活动个人对照检查材料
2014/09/20 职场文书
英语辞职信怎么写
2015/02/28 职场文书
2015年感恩节活动总结
2015/03/24 职场文书
创业计划书之蛋糕店
2019/08/29 职场文书
pytorch 中autograd.grad()函数的用法说明
2021/05/12 Python