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 jqPlot API 中文使用教程(非常强大的图表工具)
Aug 15 Javascript
JS实现从连接中获取youtube的key实例
Jul 02 Javascript
JavaScript-html标题滚动效果的简单实现
Sep 08 Javascript
jquery实现tab选项卡切换效果(悬停、下方横线动画位移)
May 05 jQuery
深入理解JavaScript继承的多种方式和优缺点
May 12 Javascript
async/await地狱该如何避免详解
May 10 Javascript
Vue三种常用传值示例(父传子、子传父、非父子)
Jul 24 Javascript
Vue源码中要const _toStr = Object.prototype.toString的原因分析
Dec 09 Javascript
JavaScript私有变量实例详解
Jan 24 Javascript
分享JS表单验证源码(带错误提示及密码等级)
Jan 05 Javascript
js判断密码强度的方法
Mar 18 Javascript
js基于canvas实现时钟组件
Feb 07 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控制用户的浏览器--ob*函数的使用说明
2007/03/16 PHP
队列在编程中的实际应用(php)
2010/09/04 PHP
常见的PHP五种设计模式小结
2011/03/23 PHP
php中文验证码实现示例分享
2014/01/12 PHP
PHP+APACHE实现网址伪静态
2015/02/22 PHP
php实现encode64编码类实例
2015/03/24 PHP
Laravel框架路由设置与使用示例
2018/06/12 PHP
javascript Array对象基础知识小结
2010/11/16 Javascript
深入理解javaScript中的事件驱动
2013/05/21 Javascript
JavaScript中使用Math.PI圆周率属性的方法
2015/06/14 Javascript
浅析js中substring和substr的方法
2015/11/09 Javascript
JavaScript实现经典排序算法之选择排序
2016/12/28 Javascript
微信小程序获取循环元素id以及wx.login登录操作
2017/08/17 Javascript
五步轻松实现zTree的使用
2017/11/01 Javascript
vue组件父子间通信之综合练习(聊天室)
2017/11/07 Javascript
redux中间件之redux-thunk的具体使用
2018/04/17 Javascript
JS实现数组的增删改查操作示例
2018/08/29 Javascript
微信小程序实现省市区三级地址选择
2020/06/21 Javascript
layui字体图标 loading图标静止不旋转的解决方法
2019/09/23 Javascript
Vue.js实现大转盘抽奖总结及实现思路
2019/10/09 Javascript
在nodejs中创建child process的方法
2021/01/26 NodeJs
Python动态生成多维数组的方法示例
2018/08/09 Python
python抓取网页内容并进行语音播报的方法
2018/12/24 Python
Pyinstaller 打包exe教程及问题解决
2019/08/16 Python
pandas 强制类型转换 df.astype实例
2020/04/09 Python
Python-jenkins模块获取jobs的执行状态操作
2020/05/12 Python
Python爬取微信小程序通用方法代码实例详解
2020/09/29 Python
移动web模拟客户端实现多方框输入密码效果【附代码】
2016/03/25 HTML / CSS
澳大利亚领先的在线机械五金、园艺和存储专家:Edisons
2018/03/24 全球购物
送温暖献爱心活动总结
2014/07/08 职场文书
人力资源职位说明书
2014/07/29 职场文书
质量整改报告范文
2014/11/08 职场文书
幼儿园教师读书笔记
2015/06/29 职场文书
销区经理年终述职报告模板
2019/11/28 职场文书
简单总结SpringMVC拦截器的使用方法
2021/06/28 Java/Android
HTML+CSS实现导航条下拉菜单的示例代码
2021/08/02 HTML / CSS