最近的JS学习
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
这句话加了以后客户端的浏览器就设置为用中文 GB2312 打开
navigator对象
检测浏览器的名称、版本号、运行平台、是否支持cookie<br> <script language="javascript"> document.write("<b>浏览器名称:</b>"+navigator.appName+"<br>"); document.write("<b>浏览器版本号:</b>"+navigator.appVersion+"<br>"); document.write("<b>运行平台:</b>"+navigator.platform+"<br>"); document.write("<b>是否支持cookie:</b>"+navigator.cookieEnabled +"<br>"); document.write("<b>是否支持cookie:</b>"+navigator.UserAgent +"<br>"); </script> |
history对象
Back 装入历史清单中上一个URL的文档
Forward 装入历史清单中下一个URL的文档
Go 装入历史清单中指定位置的文档
onClick="javascript:history.back()"
Screen对象的属性
<script language="javascript">
document.write("<b>高度:</b>"+screen.height+"<br>");
document.write("<b>宽度:</b>"+screen.width+"<br>");
document.write("<b>颜色深度:</b>"+screen.colorDepth+"<br>");
document.write("<b>保持用户机器上屏幕更新的间隔:</b>"+screen.updateInterval+"<br>");
</script>
Screen对象的属性
<script language="javascript">//递归函数 function JieCheng(n) { if(n==1) { return 1; } else { return n*JieCheng(n-1); } } </script> |
<script language="javascript">//弹出框 if(confirm("您喜欢足球吗?")==true) { alert("喜欢!"); } else { alert("不喜欢!"); } </script> |
<script language="javascript">//输入框 var age; age = prompt("年龄:","22"); if(age==null){ alert("您的年龄保密"); } else { alert("您的年龄为"+age); } </script> |
事件
鼠标事件 单击onClick() ,onMouseDown() 鼠标左键按下 ,onMouseUp() 鼠标左键松开
键盘事件 onKeyPress() 按键事件,onKeyDown() 按键按下 ,onKeyUp() 按键放开 当用户按着键不放是后连续触发onKeyDown,onKeyUp事件
Event对象 它给出发生事件时键盘、鼠标、屏幕的详细信息。
检测event 对象的srcElement 属性 和 type 属性
<script language="javascript"> <body id="body" onLoad="catchEvent();"> |
鼠标点的捕获
<script language="javascript"> function GetPosition() { var posX = event.clientX; var posY = event.clientY; window.status = "鼠标的位置是("+posX+","+posY+")"; } </script> </head> <body onMouseMove="GetPosition();"> </body> |
很好的新建窗口和 document对象的操作
var new_AddWindow;
function CreateAddWindow()
{
if(!new_AddWindow || new_AddWindow.closed)
{
new_AddWindow = window.open("","sub","status,height=200,width=270");
}
else if(new_AddWindow.focus)
//如果新窗口已经打开,那么将新窗口显示在其他窗口的前面
//如果得到焦点则Window的focus属性为false表示它不能再得到焦点了
//反之 Window的focus属性 为true 则表示它没有得到焦点,现在可以得到焦点
{
new_AddWindow.focus();
}
new_AddWindow.moveTo(0,0);
parent.window.resizeTo(390,390);
parent.window.moveTo(350,0);
}
function WriteNewWindow()
{
var content = "<html><head><title>新窗口</title></head>";
content +="<body><h2>我本将心照明月</h2>"
content +="<h2></h2>";
content +="</body>奈何明月照沟渠</html>";
new_AddWindow.document.open(); //打开一个新文档
new_AddWindow.document.write(content); //输入文档的内容
new_AddWindow.document.close(); //关闭文档
}