js获取页面宽度高度及屏幕分辨率

news/2024/7/19 13:49:23 标签: javascript, iframe, js, onresize, 页面宽度高度

js获取页面宽度高度及屏幕分辨率

网页可见区域宽:document.body.clientWidth 
网页可见区域高:document.body.clientHeight 
网页可见区域宽:document.body.offsetWidth (包括边线的宽) 
网页可见区域高:document.body.offsetHeight (包括边线的宽) 
网页正文全文宽:document.body.scrollWidth 
网页正文全文高:document.body.scrollHeight 
网页被卷去的高:document.body.scrollTop 
网页被卷去的左:document.body.scrollLeft 
网页正文部分上:window.screenTop 
网页正文部分左:window.screenLeft 
屏幕分辨率的高:window.screen.height 
屏幕分辨率的宽:window.screen.width 
屏幕可用工作区高度:window.screen.availHeight 
屏幕可用工作区宽度:window.screen.availWidth


【美化】iframe自适应的jquery方法:

javascript">//设置高度:
function setHeight() {
	var height = Math.max(document.documentElement.clientHeight - 120, 520);

	$("#myiframe").css("height", height + "px");
}
//当窗口变化时的美化:
window.onresize = function() {
	setHeight();
}
//加载后就触发:
$(function() {
	setHeight();
});

 


觉得可以,记得右上角点赞哦!如有不正确的地方,欢迎各位大神指教!

【The End】

 


http://www.niftyadmin.cn/n/796960.html

相关文章

L1-008 求整数段和

给定两个整数A和B,输出从A到B的所有整数以及这些数的和。 输入格式: 输入在一行中给出2个整数A和B,其中−,其间以空格分隔。 输出格式: 首先顺序输出从A到B的所有整数,每5个数字占一行,每个数字…

jsp浏览器支持的一些事件

1。onabort(ns3,ns4,ie4):当用户终止正在打开的网页时产生该事件。 2。onblur(ns3,ns4,ie3,ie4):某元素失去活动焦点时产生该事件。例如鼠标在文本…

读邹欣老师的师生关系有感

我看了老师推荐的邹欣老师的关于“大学师生关系”的博客,觉得是老师教学,学生学习的新思路。新式师生关系会使学习效率提高,不再是被动式的学习,而是主动出击,自主学习。 无数的老师都说过,学习是自己的事。…

js求时间差

js求时间差 var date1new Date(); //开始时间alert("aa");var date2new Date(); //结束时间var date3date2.getTime()-date1.getTime() //时间差的毫秒数//计算出相差天数var daysMath.floor(date3/(24*60*60*1000))//计算出小时数 var leave1date3%(24*60*60*1…

33-Java中的String,StringBuilder,StringBuffer三者的区别

转载自:https://www.cnblogs.com/su-feng/p/6659064.html StringBuilder 详解 (String系列之2) Java中的String,StringBuilder,StringBuffer三者的区别 最近在学习Java的时候,遇到了这样一个问题,就是String,StringBui…

server library[unbound] 服务未绑定解决办法

【前言】{此文章是作者在遇到此类问题时候的百度以及实践得来的结果,如有雷同,即是百度} 【百度答案1】 http://blog.csdn.net/tender001/article/details/8244674。 在出现这个情况的时候我们点edit时候发现那里runtime没有可以选的server. 怎么办呢&am…

multiprocessing、threading。 线程进程模块

模块 multiprocessing Queue() 队列 创建aqueue() a.put() a.get()Process() 进程 pprocess(targetfun,args[val,]) p.start() p.join() 创建方式2,创建类继承Lock() 锁 locklock() lock.acquire() lock.release()with lock:pass; Semaphore() 信号量 Semaphorelock…

redis 管道和事物

redis是单线程的,一次请求服务器,请求发出后,如果服务器响应没有回来,就一直阻塞。在发送下一个请求 redis管道,就是吧命令 都发送了。不关心是否有响应。然后最后集中去接收响应结果 管道 不会接收其他非管道命令。 r…