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

<%@ 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>

你可能感兴趣的:(JavaScript,function,XHTML,url,input,button)