php获得窗口宽度,JavaScript_准确获得页面、窗口高度及宽度的JS,function getPageSize(){ var xScroll, ySc - phpStudy...
准确获得页面、窗口高度及宽度的JS
function getPageSize(){
var xScroll, yScroll;
if (window.innerHeight && window.scrollMaxY) {
xScroll = document.body.scrollWidth;
yScroll = window.innerHeight + window.scrollMaxY;
} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
xScroll = document.body.scrollWidth;
yScroll = document.body.scrollHeight;
} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
xScroll = document.body.offsetWidth;
yScroll = document.body.offsetHeight;
}
var windowWidth, windowHeight;
if (self.innerHeight) { // all except Explorer
windowWidth = self.innerWidth;
windowHeight = self.innerHeight;
} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
windowWidth = document.documentElement.clientWidth;
windowHeight = document.documentElement.clientHeight;
} else if (document.body) { // other Explorers
windowWidth = document.body.clientWidth;
windowHeight = document.body.clientHeight;
}
// for small pages with total height less then height of the viewport
if(yScroll < windowHeight){
pageHeight = windowHeight;
} else {
pageHeight = yScroll;
}
// for small pages with total width less then width of the viewport
if(xScroll < windowWidth){
pageWidth = windowWidth;
} else {
pageWidth = xScroll;
}
arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight)
return arrayPageSize;
}
有幸找到了你的这个东东,帮我解决了问题,不过仔细看了下,好象大大的有点问题,参数值和名称上看好象有点对不上号哦.
// for small pages with total height less then height of the viewport
if(yScroll < windowHeight){
pageHeight = yScroll;
} else {
pageHeight = windowHeight;
}
// for small pages with total width less then width of the viewport
if(xScroll < windowWidth){
pageWidth = xScroll;
} else {
pageWidth = windowWidth;
}相关阅读:
详细介绍HTML标签dtextarea属性
一些有用的JavaScript和jQuery的片段分享
网页设计问题汇总:IE和FirFox兼容问题
ASP.NET2.0 验证cookie详解
javascript实例教程(19-1)
显示数据库窗口的捷径
打造计数器DIY三步曲(中)
DHTML的简单示例,动态改变页面
原创]关键字空格替换为逗号的js代码" target="_blank">[原创]关键字空格替换为逗号的js代码
为实体类添加关系
巧妙配合asp木马取得管理权限(1)
Javascript document.referrer判断访客来源网址
CSS教程:元素层叠级别及z-index
JavaScript窗口功能指南之关闭窗口
php获得窗口宽度,JavaScript_准确获得页面、窗口高度及宽度的JS,function getPageSize(){ var xScroll, ySc - phpStudy...相关推荐
- html页面高度和宽度,html和body元素的高度和宽度
您的html实际上完全延伸到视口的100%高度,因为视口这里是浏览器窗口,而不是内部内容. very much content #div1 { height:300px; overflow-y:scr ...
- js中动态获取页面的高度和宽度的方法总结
javascript,jquery获取网页的高度和宽度: javascript: 可视区域宽:document.documentElement.clientWidth(width+padding) 可 ...
- html2pdf页面大小,javascript – JSPDF – 如何将具有各种页面大小(高度和宽度)的多个图像导出到单个pdf文件...
我有多个不同大小(高度和宽度)的图像需要使用jspdf转换为PDF,但我无法使用addPage()函数来做到这一点. 是否可以将具有不同页面大小的图像导出为单个pdf? 解决方法: 我实际上能够使用a ...
- html获取屏幕、浏览器、页面的高度与宽度
一个页面的展示,从外到内的容器为:屏幕.浏览器以及页面本身:对应关系如下: HTML元素–>页面–>浏览器–>屏幕 一.屏幕 screen.height //屏幕高度screen.w ...
- html高度随宽度编号,纯css实现容器高度随宽度等比例变化的四种解决方案
使用一个隐藏的图片来实现 这个方法是我最推荐的,因为不需要考虑任何兼容性,PC移动完美运行.除了增加了一个dom结构,但是相对与一个页面成百上千的代码来说,不值一提 我们知道,div容器如果不给定高度 ...
- css设置元素继承父元素宽度_CSS设置HTML元素的高度与宽度的各种情况总结
1.元素不设宽度 第一种情况:元素为文档流中元素 dd dd dd 结论1:把子元素定位换成position:relative与上述例子表现一样,因此在元素不设宽度时,若元素为文档流中元素,则此元素继 ...
- android获取button宽度,android – 如何获得Button的高度和宽度
我创建了一系列按钮.现在我想找到按钮的高度和宽度,为此我使用了getWidth()和getHeight().但问题是它总是返回0.为什么会发生这种情况?我发送了我的代码,请检查是否有任何问题. int ...
- html设置页面的高度和宽度,web显示页面有图像上设置高度和宽度很重要
因此即使浏览器只有HTML,它仍然能够分配适当的空间.所以我们可以修改成以下内容: 最近我们发现谷歌浏览器对图片设置有一定的修改,它主要在图像上进行设置width和设置height属性,以防止布局发生 ...
- html 图片高度 页面高度自适应,怎样让网页图片高度自适应宽度
[摘要] 你肯定知道width百分比可以实现图片宽度的自适应,那么你知道高度也可以根据宽度变话而自适应比变化么,看下本文就了解了! 当前响应式布局,内容尺寸自适应设备是众多网站开发者的选择,毕竟现在显 ...
最新文章
- mysql查询补丁更新_OS:服务器系统补丁及数据库补丁更新说明
- 光端机的作用有哪些?
- ubuntu16.04安装MATLAB R2017b步骤详解(附完整破解文件包)
- instrumentation模拟很多activity的操作
- Java设计模式笔记(4)模版方法模式
- 智数合一,智慧工厂的四大典型应用场景
- hdu 2896 AC自动机
- php ftp上传文件 源码,PHP FTP上传文件
- STC单片机程序下载实战
- 程序员如何学习一门新技术?
- 最简单的免费安卓手机投屏电脑游戏直播工具推荐:电脑控制手机玩游戏了解一下
- WSA工具箱安装应用商店提示无法工作怎么解决?
- 解析人类的四次工业革命
- vue移动端图片上传
- NDK-r25交叉编译glib-2.73.3
- matlab实现牛顿下山法(下山过程)
- 著作权使用合同包括哪些类型和条款内容?
- hdbinterface是什么_Android 手机插入电脑后提示“”ADB Interface安装失败的问题
- 使用绞车和3PS滑轮计数器收放klein3000托鱼
- 翻译截图有哪些?你知道翻译截图怎样操作的