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 相关文章推荐
Save a File Using a File Save Dialog Box
Jun 18 Javascript
IE6 fixed的完美解决方案
Mar 31 Javascript
js用typeof方法判断undefined类型
Jul 15 Javascript
Javascript中数组sort和reverse用法分析
Dec 30 Javascript
javascript实现的猜数小游戏完整实例代码
May 10 Javascript
JavaScript奇技淫巧44招【实用】
Dec 11 Javascript
Angularjs分页查询的实现
Feb 24 Javascript
jQuery开源组件BootstrapValidator使用详解
Jun 29 jQuery
Vue自定义指令上报Google Analytics事件统计的方法
Feb 25 Javascript
vue 使用axios 数据请求第三方插件的使用教程详解
Jul 05 Javascript
解决nuxt页面中mounted、created、watch执行两遍的问题
Nov 05 Javascript
vue实现可以快进后退的跑马灯组件
Apr 08 Vue.js
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 字符过滤类,用于过滤各类用户输入的数据
2009/05/27 PHP
在PHP中检查PHP文件是否有语法错误的方法
2009/12/23 PHP
解析php dirname()与__FILE__常量的应用
2013/06/24 PHP
php 批量替换html标签的实例代码
2013/11/26 PHP
详解PHP+AJAX无刷新分页实现方法
2015/11/03 PHP
php验证手机号码
2015/11/11 PHP
PHP中PDO连接数据库中各种DNS设置方法小结
2016/05/13 PHP
示例详解Laravel重置密码代码重构
2016/08/10 PHP
PHP使用星号替代用户名手机和邮箱的实现代码
2018/02/07 PHP
PHP判断当前使用的是什么浏览器(推荐)
2019/10/27 PHP
JS小功能(checkbox实现全选和全取消)实例代码
2013/11/28 Javascript
jQuery搜索同辈元素方法
2015/02/10 Javascript
JS实现超简洁网页title标题跑动闪烁提示效果代码
2015/10/23 Javascript
尝试动手制作javascript放大镜效果
2015/12/25 Javascript
EasyUI学习之DataGird分页显示数据
2016/12/29 Javascript
jQuery 开发之EasyUI 添加数据的实例
2017/09/26 jQuery
Vue.set()实现数据动态响应的方法
2018/02/07 Javascript
vue-baidu-map 进入页面自动定位的解决方案(推荐)
2018/04/28 Javascript
利用js将ajax获取到的后台数据动态加载至网页中的方法
2018/08/08 Javascript
vue-router重定向和路由别名的使用讲解
2019/01/19 Javascript
vue实现抖音时间转盘
2019/09/08 Javascript
实例讲解React 组件生命周期
2020/07/08 Javascript
vue实现两个组件之间数据共享和修改操作
2020/11/12 Javascript
Python列出一个文件夹及其子目录的所有文件
2016/06/30 Python
asyncio 的 coroutine对象 与 Future对象使用指南
2016/09/11 Python
Python编程之变量赋值操作实例分析
2017/07/24 Python
python实现kmp算法的实例代码
2019/04/03 Python
twilio python自动拨打电话,播放自定义mp3音频的方法
2019/08/08 Python
Python MongoDB 插入数据时已存在则不执行,不存在则插入的解决方法
2019/09/24 Python
实例教程 一款纯css3实现的数字统计游戏
2014/11/10 HTML / CSS
JD Sports丹麦:英国领先的运动时尚零售商
2020/11/24 全球购物
写出一个方法实现冒泡排序
2016/07/08 面试题
总经理秘书岗位职责
2014/03/17 职场文书
北京奥运会主题口号
2014/06/13 职场文书
致创业的您:这类人不适合餐饮创业
2019/08/19 职场文书
Oracle使用别名的好处
2022/04/19 Oracle