位置: 编程技术 - 正文

浅谈DOCTYPE对$(window).height()取值的影响(doctype报错)

编辑:rootadmin

推荐整理分享浅谈DOCTYPE对$(window).height()取值的影响(doctype报错),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:doc.type,doctype类型,doctype类型,doctype有什么作用,简述doctype的作用,doctypes,doctypes,doc.type,内容如对您有帮助,希望把文章链接给更多的朋友!

前言:公司项目需要用到一个弹框垂直居中,网上类似的垂直居中弹出层大同小异,因为项目是基于Jquery 下的,所以用$(window).height()-layer.height())/2 +$(document).scrollTop()取得垂直的位移。测了各种浏览器没问题,后台人员移值到项目中后,出问题了,当页面超出一屏时,在 chrome和FF下,弹出框不是在当前屏的垂直居中,而是相对于整个网页的居中。

查阅各方资料,所有结论都指出:

1.窗口高度,$(window).height()

2.文档高度,$(document).height()

浅谈DOCTYPE对$(window).height()取值的影响(doctype报错)

3.被卷起的高度,$(window).scrollTop()

找到原因:而后,发现后台人员的页面没有设DOCTYPE,所以在chrome中,$(window).height()=$(document).height(),$(document).height()表示在网页实际内容高度没有满一屏时表示整个窗口的高度(窗口放大缩小时这个值会变化),页当超过一屏时表示为整个网页内容的实际高度,这点没有异议,跟设不设DOCTYPE没有影响。但是:$(window).height()在DOCTYPE为transitional.dtd时无论网页内容实际高度超不超出满屏情况下,都等于是整个窗口的高度(窗口放大缩小时这个值会变化),如果没有设DOCTYPE则$(window).height()=$(document).height(),在即当内容超一屏时$(window).height()为网页实际高度,并不是所说的等于窗口高度。

解决办法:

s要取得窗口的高度,只能根据DOCTYPE来做相应的更改,在没有设DOCTYPE时做如下处理

在有设DOCTYPE为transitional.dtd时,windowHeight=$(window).height()

以上这篇浅谈DOCTYPE对$(window).height()取值的影响就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持积木网。

picLazyLoad 实现图片延时加载(包含背景图片) 如下所示:/***picLazyLoad图片延时加载,包含背景图片*$(img).picLazyLoad({...})*data-original预加载图片地址*alon*/;(function($){$.fn.imgLazyLoad=function(settings){var$this=$(th

jQuery的ajax下载blob文件 乍一听有点蒙,之前用ng和react时也写过类似的功能,但是很顺利(所以忘记具体细节了)。jquery为啥会不行呢?看了一下具体场景,发现原来jq的ajax回

完美JQuery图片切换效果的简单实现 效果如下:css:body{font-family:"MicrosoftYahei";}body,ul,li,img,h3,dl,dd,dt,h1{margin:0px;padding:0px;list-style:none;}img{vertical-align:top;}/***大图切换***/.scroll_view{margin:0pxauto;ov

标签: doctype报错

本文链接地址:https://www.jiuchutong.com/biancheng/385060.html 转载请保留说明!

上一篇:jQuery新窗口打开外链接(jquery弹出窗口)

下一篇:picLazyLoad 实现图片延时加载(包含背景图片)(pip install clashroyale)

  • 继续教育容易过吗
  • 会计分录的含义及三要素
  • 残次品销售账务处理
  • 发票未到已验收什么意思
  • 有限合伙企业有经营权吗
  • 购置办公用品有什么好处
  • 主营业务收入借增贷减
  • 暂估入库产品行程影响所得税汇算清缴吗
  • 结算本月应付职工工资40000元
  • 办企业房权证费用多少
  • 小规模可以收专票当费用票吗
  • 加油发票的票据抬头是个人,这样可报销吗?
  • 旅游业差额开票税率
  • 钢管租赁营业执照范围
  • 小规模人力资源服务费税率
  • 咨询费属于什么大类
  • 餐饮业管理费用明细表
  • 医疗保险中的大病保险怎么报销
  • 持有至到期投资和债权投资的区别
  • 发票备注栏的填写规定
  • 商品房买卖合同备案查询
  • javascript中
  • 鸿蒙2.0正式版升级
  • 事业单位预付款会计分录
  • 打印机疑难解答显示打印机问题
  • 工行对公贷款利息扣款时间是几点
  • 公司培训赔偿
  • 存货盘盈盘亏影响当期利润吗
  • 未达起征点纳税人房产税土地使用税如何缴纳
  • 生产经营个人所得税速算扣除数表
  • 增值税退税要准备什么资料
  • php开发模板
  • SpringBoot+Vue实现在线商城系统
  • semeion手写数据集
  • 代收水电费交税吗
  • 坏账的资产减值损失可以税前扣除吗
  • java泛型类和泛型方法
  • mysql的存储
  • 租赁汽车折旧年限怎么算
  • 二手车的范围
  • 政府补助会计处理方法
  • 长期股权投资其他资本公积
  • 场地无偿使用证明的作用是什么
  • 资产负债表的固定资产怎么算出来的
  • 哪些凭证可以作为原始凭证
  • 发票开错作废如何处理?
  • 直接计入当期利润吗
  • 会计凭证的做账原则
  • 出口退回的增值税计入哪个会计科目
  • 公司收到现金货款怎么存银行
  • 员工借款怎么处理
  • 实收资本认缴怎么做账,要做账吗
  • 单位员工购买本地保险
  • 公司三证合一是指哪三证
  • window怎么升级系统
  • win2003peiso
  • apple mac book
  • Win10系统安装包
  • xp操作系统还能用吗
  • ubuntu18.04配置
  • android7应用程序开发教程
  • ubuntu发行版介绍
  • linux系统的安全机制有哪些
  • win1020th2
  • win1021h2正式版
  • windows7搭建ftp
  • windows7旗舰版桌面壁纸怎么更换
  • win10系统下怎么安装caxa2016电子图板 caxa2016电子图板安装详细图文教程
  • 入门级啥意思
  • perl-v
  • linuxshell命令行
  • javascript制作简易计算机
  • 基于单片机的毕业设计题目
  • 批处理是什么
  • mongodb python
  • 国税干部任前谈心谈话
  • 服务行业工作总结不足
  • 山西省税务局官网登录
  • 厦门地税电话客服电话
  • 小规模纳税人的增值税怎么计算
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设