文件名称:
保持固定表头和表体宽度一致,dom中js的妙用.docx
开发工具:
文件大小: 18kb
下载次数: 0
上传时间: 2020-05-09
详细说明:在web应用中,使前后端分离、网页dom、js、css分离成为业界共识,这样对web项目的开发和维护很有好处。那么嵌入在dom中,尤其是dom行间的js是否是一无是处了呢?答案是否定的,在这样一种场景下,是大有用处的。
如果将内容显示在表格中,内容较多的情况下会出现垂直滚动条,在向下滚动时,表头会被隐藏,这对查看内容非常不便,一个解决办法是,采用上下两个放在不同div中的表,上面的专门放表头,下面的显示详细内容。网页初始化时,把内容显示在下表中。但是,当内容较多时,下表所在的div出现垂直滚动条,使下表的宽度变小,而上表的宽度不变,从而上下表的单元格出现错位,不好看了。
怎么解决呢?
你可能想到了使用表大小改变事件、或者表内容改变事件。但是,这些事件在网页初始化过程中不会被触发。
退一步,对下表使用鼠标进入事件,虽然能实现上下表宽度保持一致,但是网页给用户的第一印象是上下表宽度不同,表格列错位。
使用文档完成事件,也不行,这个事件发生在表格内容填充之前。
此种情况下,拾起被摒弃的dom中的js,便可很方便的解决问题。
(系统自动生成,下载前可以参看下载内容)
下载文件列表
相关说明
- 本站资源为会员上传分享交流与学习,如有侵犯您的权益,请联系我们删除.
- 本站是交换下载平台,提供交流渠道,下载内容来自于网络,除下载问题外,其它问题请自行百度。
- 本站已设置防盗链,请勿用迅雷、QQ旋风等多线程下载软件下载资源,下载后用WinRAR最新版进行解压.
- 如果您发现内容无法下载,请稍后再次尝试;或者到消费记录里找到下载记录反馈给我们.
- 下载后发现下载的内容跟说明不相乎,请到消费记录里找到下载记录反馈给我们,经确认后退回积分.
- 如下载前有疑问,可以通过点击"提供者"的名字,查看对方的联系方式,联系对方咨询.