javascript学习（三）——常用方法(1)
javascript是一个让人爱恨纠结的语言，不过如果你知道javascript的发明者只用了10天来发明它，也许你就不那么纠结了（JavaScript诞生记）。
一、 js获取页面高度
<script>
function getInfo()
{
var s = "";
s += " 网页可见区域宽："+ document.body.clientWidth;
s += " 网页可见区域高："+ document.body.clientHeight;
s += " 网页可见区域宽："+ document.body.offsetWidth + " (包括边线和滚动条的宽)";
s += " 网页可见区域高："+ document.body.offsetHeight + " (包括边线的宽)";
s += " 网页正文全文宽："+ document.body.scrollWidth;
s += " 网页正文全文高："+ document.body.scrollHeight;
s += " 网页被卷去的高(ff)："+ document.body.scrollTop;
s += " 网页被卷去的高(ie)："+ document.documentElement.scrollTop;
s += " 网页被卷去的左："+ document.body.scrollLeft;
s += " 网页正文部分上："+ window.screenTop;
s += " 网页正文部分左："+ window.screenLeft;
s += " 屏幕分辨率的高："+ window.screen.height;
s += " 屏幕分辨率的宽："+ window.screen.width;
s += " 屏幕可用工作区高度："+ window.screen.availHeight;
s += " 屏幕可用工作区宽度："+ window.screen.availWidth;
s += " 你的屏幕设置是 "+ window.screen.colorDepth +" 位彩色";
s += " 你的屏幕设置 "+ window.screen.deviceXDPI +" 像素/英寸";
}
</script>
<script>
function getInfo()
{
var s = "";
s += " 网页可见区域宽："+ document.body.clientWidth;
s += " 网页可见区域高："+ document.body.clientHeight;
s += " 网页可见区域宽："+ document.body.offsetWidth + " (包括边线和滚动条的宽)";
s += " 网页可见区域高："+ document.body.offsetHeight + " (包括边线的宽)";
s += " 网页正文全文宽："+ document.body.scrollWidth;
s += " 网页正文全文高："+ document.body.scrollHeight;
s += " 网页被卷去的高(ff)："+ document.body.scrollTop;
s += " 网页被卷去的高(ie)："+ document.documentElement.scrollTop;
s += " 网页被卷去的左："+ document.body.scrollLeft;
s += " 网页正文部分上："+ window.screenTop;
s += " 网页正文部分左："+ window.screenLeft;
s += " 屏幕分辨率的高："+ window.screen.height;
s += " 屏幕分辨率的宽："+ window.screen.width;
s += " 屏幕可用工作区高度："+ window.screen.availHeight;
s += " 屏幕可用工作区宽度："+ window.screen.availWidth;
s += " 你的屏幕设置是 "+ window.screen.colorDepth +" 位彩色";
s += " 你的屏幕设置 "+ window.screen.deviceXDPI +" 像素/英寸";
}
</script>
其他补充说明：点击打开链接
二、密码检测
<!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>
<title> www.zzzyk.com </title>
<script type="text/javascript">
function CheckPassword(PasswordValue){
var n=0,msg;
if (/\d/.test(PasswordValue)) n ++; //包含数字
if (/[a-z]/.test(PasswordValue)) n ++; //包含小写字母
if (/[A-Z]/.test(PasswordValue)) n ++; //包含大写字母
if (/\W/.test(PasswordValue)) n ++; //包含其他字符
if (PasswordValue.length< 5) n=0; //长度小于5位
switch(n){
case 0 :
msg=" 密码长度至少6位"; break;
case 1 :
msg=" 很弱"; break;
case 2 :
msg=" 中等"; break;
case 3 :
msg=" 高级"; break;
case 4 :
msg=" 安全级"; break;
}
return msg;
}
function GetPwdMsg(){
//alert(CheckPassword(document.getElementById("Text1").value));
document.getElementById("showPwdMsg").innerHTML=CheckPassword(document.getElementById("Text1").value);
}
</script>
</head>
<body>
<input id="Text1" type="text" onkeyup="GetPwdMsg()" />
<span id="showPwdMsg"></span>
</body>
</html>
<!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>
<title>无标题页</title>
<script type="text/javascript">
function CheckPassword(PasswordValue){
var n=0,msg;
if (/\d/.test(PasswordValue)) n ++; //包含数字
if (/[a-z]/.test(PasswordValue)) n ++; //包含小写字母
if (/[A-Z]/.test(PasswordValue)) n ++; //包含大写字母
&n
补充：web前端 , JavaScript ,
