惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

T
Threatpost
V
Vulnerabilities – Threatpost
TaoSecurity Blog
TaoSecurity Blog
C
Cybersecurity and Infrastructure Security Agency CISA
P
Proofpoint News Feed
G
GRAHAM CLULEY
S
Securelist
P
Palo Alto Networks Blog
MongoDB | Blog
MongoDB | Blog
A
Arctic Wolf
Threat Intelligence Blog | Flashpoint
Threat Intelligence Blog | Flashpoint
WordPress大学
WordPress大学
Project Zero
Project Zero
T
Threat Research - Cisco Blogs
L
Lohrmann on Cybersecurity
C
Cyber Attacks, Cyber Crime and Cyber Security
F
Fortinet All Blogs
博客园 - 叶小钗
B
Blog RSS Feed
C
Cisco Blogs
Google DeepMind News
Google DeepMind News
cs.CL updates on arXiv.org
cs.CL updates on arXiv.org
Apple Machine Learning Research
Apple Machine Learning Research
G
Google Developers Blog
K
Kaspersky official blog
D
Docker
Latest news
Latest news
Cisco Talos Blog
Cisco Talos Blog
T
Tor Project blog
Cyberwarzone
Cyberwarzone
Security Latest
Security Latest
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
D
Darknet – Hacking Tools, Hacker News & Cyber Security
Spread Privacy
Spread Privacy
Microsoft Azure Blog
Microsoft Azure Blog
C
Check Point Blog
J
Java Code Geeks
Simon Willison's Weblog
Simon Willison's Weblog
T
Tenable Blog
Recent Announcements
Recent Announcements
T
Tailwind CSS Blog
H
Help Net Security
L
LINUX DO - 热门话题
T
The Exploit Database - CXSecurity.com
Jina AI
Jina AI
S
SegmentFault 最新的问题
MyScale Blog
MyScale Blog
NISL@THU
NISL@THU
美团技术团队
腾讯CDC

博客园 - KUDO

精解PSI-SI(二) 精解PSI-SI(一) DVB码流中业务信息与电子节目指南 什么是ECM,EMM,AU,EMU? showModalDialog()、showModelessDialog()方法使用详解 js收藏 ASP.NET 2.0 中改进的缓存功能 js 日历控件 - KUDO - 博客园 在VS2005中 GridView导入Excel的两点小技巧-附源码 Python 一门神奇的语言 如何实现选择DataGrid单元格时显示选择一行 获取checkbox onclick事件中的参数 javascript 技巧 网页及其控件有很多触发事件 网页代码常用小技巧总结续,网页制作学习 Microsoft .NET 框架资源基础 crm具体问题具体实现 制作随表格拉伸的背景图 基于aspnet Forms身份验证基本原理
js\css 让图片垂直居中 - KUDO - 博客园
KUDO · 2006-08-29 · via 博客园 - KUDO

资料:用JAVASCRIPT获取当前窗口的高度和宽度

<SCRIPT   LANGUAGE="JavaScript">
var s = "";
+= "网页可见区域宽:" + document.body.clientWidth;
+= "<br>网页可见区域高:"+ document.body.clientHeight;
+= "<br>网页可见区域宽:"+ document.body.offsetWidth +" (包括边线和滚动条)";
+= "<br>网页可见区域高:"+ document.body.offsetHeight +" (包括边线)";
+= "<br>网页正文全文宽:"+ document.body.scrollWidth;
+= "<br>网页正文部分上:"+ window.screenTop;
+= "<br>网页正文部分左:"+ window.screenLeft;
+= "<br>屏幕分辨率的高:"+ window.screen.height;
+= "<br>屏幕分辨率的宽:"+ window.screen.width;
+= "<br>屏幕可用工作区高度:"+ window.screen.availHeight;
+= "<br>屏幕可用工作区宽度:"+ window.screen.availWidth;
+= "<br>你的屏幕设置是   "+ window.screen.colorDepth   +"   位彩色";
+= "<br>你的屏幕设置   "+ window.screen.deviceXDPI   +"   像素/英寸";
document.write(s);
</script>

代码:

<html>

<body onresize="myLoad()" onload="myLoad()">

<div id="xuanma" style="Z-INDEX: 1; LEFT: 0px; POSITION: absolute; TOP: 0px">
<img id="ximage" src="yah/GroupImages/060823nhp1.jpg"/>
</div>

<SCRIPT language="javascript" type=text/javascript>
function myLoad()
{
document.getElementById('xuanma').style.top
= document.body.clientHeight/2-document.getElementById('ximage').height/2;
document.getElementById('xuanma').style.left
= document.body.clientWidth/2-document.getElementById('ximage').width/2;
}


</SCRIPT>

</body>
</html>