<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Yellow&#039;s Blog &#187; dom</title>
	<atom:link href="http://www.ffsuper.com/blog/index.php/tag/dom/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.ffsuper.com/blog</link>
	<description>It&#039;s my evolution lab...</description>
	<lastBuildDate>Thu, 17 Dec 2009 01:06:23 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>javascript获取屏幕信息的一些对象</title>
		<link>http://www.ffsuper.com/blog/index.php/2009/07/07/javascript%e8%8e%b7%e5%8f%96%e5%b1%8f%e5%b9%95%e4%bf%a1%e6%81%af%e7%9a%84%e4%b8%80%e4%ba%9b%e5%af%b9%e8%b1%a1/</link>
		<comments>http://www.ffsuper.com/blog/index.php/2009/07/07/javascript%e8%8e%b7%e5%8f%96%e5%b1%8f%e5%b9%95%e4%bf%a1%e6%81%af%e7%9a%84%e4%b8%80%e4%ba%9b%e5%af%b9%e8%b1%a1/#comments</comments>
		<pubDate>Tue, 07 Jul 2009 06:32:46 +0000</pubDate>
		<dc:creator>Yellow</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[dom]]></category>
		<category><![CDATA[js]]></category>
		<category><![CDATA[对象]]></category>
		<category><![CDATA[屏幕信息]]></category>

		<guid isPermaLink="false">http://www.ffsuper.com/blog/?p=107</guid>
		<description><![CDATA[最近在做华为项目的时候，遇到一个要求能够自适应到从800&#215;600到1280&#215;1024之间多个分辨率的显示效果的要求，这个CSS估计只能做到一部分了，肯定需要Javascript配合来动态修改相关的CSS属性，所以上网查找了一下相关屏幕信息的一些对象，记录一下。
网页可见区域宽：document.body.clientWidth
网页可见区域高：document.body.clientHeight
网页可见区域宽：document.body.offsetWidth (包括边线和滚动条的宽)
网页可见区域高：document.body.offsetHeight(包括边线的宽)
网页正文全文宽：document.body.scrollWidth
网页正文全文高：document.body.scrollHeight
网页被卷去的高：document.body.scrollTop
网页被卷去的左：document.body.scrollLeft
如果是框架网页，取得框架的对应方法是document.documentElement.XXX
网页正文部分上：window.screenTop
网页正文部分左：window.screenLeft
屏幕分辨率的高：window.screen.height
屏幕分辨率的宽：window.screen.width
屏幕可用工作区高度：window.screen.availHeight
屏幕可用工作区宽度：window.screen.availWidth
屏幕设置是：window.screen.colorDepth(位彩色)
屏幕设置：window.screen.deviceXDPI(像素/英寸)
]]></description>
		<wfw:commentRss>http://www.ffsuper.com/blog/index.php/2009/07/07/javascript%e8%8e%b7%e5%8f%96%e5%b1%8f%e5%b9%95%e4%bf%a1%e6%81%af%e7%9a%84%e4%b8%80%e4%ba%9b%e5%af%b9%e8%b1%a1/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
