您的位置：首页 > 其它

获取屏幕像素及相关的信息

2010-07-21 22:22 411 查看

<%@ Page Language="C#" AutoEventWireup="false" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>js获取屏幕尺寸、网页可见区域、网页正文、屏幕分辨率</title>
<mce:script type="text/javascript" language="javascript"><!--
document.write("屏幕尺寸：" + screen.width + "*" + screen.height)

// --></mce:script>
<mce:script  type="text/javascript" language="javascript"><!--
function centerWindow(url, w, h) {
l = (screen.width - w) / 2
t = (screen.height - h) / 2
window.open(url, '', 'left=' + l + ',top=' + t + ',width=' + w + ',height=' + h)
}

// --></mce:script>
</head>
<body>
<form id="formMain" runat="server">
<div>
<input  type= "button"  onclick="centerWindow('about:blank',200,200)" value="打开一个200*200的窗口">
<br />
<mce:script  language="javascript"><!--
var s = "网页可见区域宽：" + document.body.clientWidth;
s += "<br/>网页可见区域高：" + document.body.clientHeight;
s += "<br/>网页正文全文宽：" + document.body.scrollWidth;
s += "<br/>网页正文全文高：" + document.body.scrollHeight;
s += "<br/>网页正文部分上：" + window.screenTop;
s += "<br/>网页正文部分左：" + window.screenLeft;
s += "<br/>屏幕分辨率的高：" + window.screen.height;
s += "<br/>屏幕分辨率的宽：" + window.screen.width;
s += "<br/>屏幕可用工作区高度：" + window.screen.availHeight;
s += "<br/>屏幕可用工作区宽度：" + window.screen.availWidth;
document.write(s);

// --></mce:script>
<br />
<mce:script  language="javascript"><!--
function redirectPage() {
var url800x600 = "index_800x600.asp";
var url1024x768 = "index_1024x768.asp";
if (screen.width <= 800)
window.location.href = url800x600;
else if ((screen.width >= 1024))
window.location.href = url1024x768;
}

// --></mce:script>
<input  type="button"  onclick="redirectPage()" value="不同的屏幕显示不同的页面">
</div>
</form>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航