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 相关文章推荐
基于jquery的获取浏览器窗口大小的代码
Mar 28 Javascript
javascript检测浏览器flash版本的实现代码
Dec 06 Javascript
javascript学习笔记(七) js函数介绍
Jun 19 Javascript
javascript移动设备Web开发中对touch事件的封装实例
Jun 05 Javascript
JavaScript判断图片是否已经加载完毕的方法汇总
Feb 05 Javascript
jQuery实现返回顶部按钮和scroll滚动功能[带动画效果]
Jul 05 jQuery
javascript简写常用的12个技巧(可以大大减少你的js代码量)
Mar 28 Javascript
微信小程序获取手机网络状态的方法【附源码下载】
Dec 08 Javascript
vue计算属性及使用详解
Apr 02 Javascript
layDate日期控件使用方法详解
Nov 15 Javascript
vue项目打包后提交到git上为什么没有dist这个文件的解决方法
Sep 16 Javascript
JS实现选项卡插件的两种写法(jQuery和class)
Dec 30 jQuery
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留言板源码
2020/07/19 PHP
php 删除目录下N分钟前创建的所有文件的实现代码
2013/08/10 PHP
php把session写入数据库示例
2014/02/26 PHP
Drupal7 form表单二次开发要点与实例
2014/03/02 PHP
ThinkPHP中公共函数路径和配置项路径的映射分析
2014/11/22 PHP
浅析PHP7新功能及语法变化总结
2016/06/17 PHP
php获取linux命令结果的实例
2017/03/13 PHP
laravel实现查询最后执行的一条sql语句的方法
2019/10/09 PHP
Valerio 发布了 Mootools
2006/09/23 Javascript
js列举css中所有图标的实现代码
2011/07/04 Javascript
JavaScript 一道字符串分解的题目
2011/08/03 Javascript
javascript中直接写php代码的方法
2013/07/31 Javascript
jQuery动画效果-slideUp slideDown上下滑动示例代码
2013/08/28 Javascript
JS延时提示框实现方法详解
2015/11/26 Javascript
JS DOM实现鼠标滑动图片效果
2020/09/17 Javascript
Bootstrap每天必学之警告框插件
2016/04/26 Javascript
基于JS实现Android,iOS一个手势动画效果
2016/04/27 Javascript
react学习笔记之state以及setState的使用
2017/12/07 Javascript
快速解决brew安装特定版本flow的问题
2018/05/17 Javascript
VUE渲染后端返回含有script标签的html字符串示例
2019/10/28 Javascript
vue视频播放暂停代码
2019/11/08 Javascript
uni-app 支持多端第三方地图定位的方法
2020/01/03 Javascript
vue+canvas实现拼图小游戏
2020/09/18 Javascript
elementUI同一页面展示多个Dialog的实现
2020/11/19 Javascript
python比较两个列表大小的方法
2015/07/11 Python
python实现微信每日一句自动发送给喜欢的人
2019/04/29 Python
pandas 中对特征进行硬编码和onehot编码的实现
2019/12/20 Python
Python的collections模块真的很好用
2021/03/01 Python
HTML5本地存储之Web Storage详解
2016/07/04 HTML / CSS
Kidsroom台湾:来自德国的婴儿用品
2017/12/11 全球购物
Book Depository澳大利亚:世界领先的专业在线书店之一
2018/12/27 全球购物
中学生差生评语
2014/01/30 职场文书
公司向个人借款协议书范本
2014/10/09 职场文书
资金申请报告范文
2015/05/14 职场文书
工厂无线对讲系统解决方案
2022/02/18 无线电
Go中使用gjson来操作JSON数据的实现
2022/08/14 Golang