1.js的内部类:
Object/Array/Math/Boolean/String/Date/Number/RegExp
2.内部类的分类
从使用的方式来看,分为静态类和动态类
静态类使用 类名.属性|方法 比如Math
动态类使用 var 对象名 = new 动态类();比如 Date String
对象名.方法();
需要掌握的系统函数
eval://可以把一个字符串当作脚本执行,作用很大
parseInt()//把字符串转成整数
parseFloat()//把字符串转成小数
isNaN()//判断某个值是不是不是一个数(数字是false,非数字返回真)(该函数不是很好)
decodeURI()//解码
encodeURI()//把字符串编码为URI
2.js事件驱动机制
事件种类:
鼠标事件
键盘事件
Html事件
其他事件
打出鼠标的位置的时间:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
function test1(e){
window.alert("x="+e.clientX+" y="+e.clientY);
}
</script>
</head>
<body οnmοusedοwn="test1(event)">
</body>
</html>
控制页面颜色
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
function test4(obj){
var div1 = document.getElementById("div1");
if(obj.value=="黑色"){
div1.style.backgroundColor="black";
}
else if("红色"==obj.value){
div1.style.backgroundColor="red";
}
}
</script>
</head>
<body>
<!-- 通过修改style来改变style -->
<div id="div1" style="width:400px;height:300px;background-color:red;"> </div>
<input type="button" οnclick="test4(this)" value="黑色"/>
<input type="button" οnclick="test4(this)" value="红色"/>
</body>
判断浏览器的脚本代码:
<script type="text/javascript">
if(window.XMLHttpRequest){
if(!window.ActiveXObject){
window.alert("Mozilla,Safari");
}else{
alert("IE");
}
}else
window.alert("IE6");
</script>
window有三个事件:
onload:页面打开
onbeforeunload:关闭页面前
onunload:关闭页面
js常用事件
防止用户通过点击鼠标右键菜单拷贝网页内容。
οncοntextmenu="return false;"
onselectstart="return false;"
Object/Array/Math/Boolean/String/Date/Number/RegExp
2.内部类的分类
从使用的方式来看,分为静态类和动态类
静态类使用 类名.属性|方法 比如Math
动态类使用 var 对象名 = new 动态类();比如 Date String
对象名.方法();
需要掌握的系统函数
eval://可以把一个字符串当作脚本执行,作用很大
parseInt()//把字符串转成整数
parseFloat()//把字符串转成小数
isNaN()//判断某个值是不是不是一个数(数字是false,非数字返回真)(该函数不是很好)
decodeURI()//解码
encodeURI()//把字符串编码为URI
2.js事件驱动机制
事件种类:
鼠标事件
键盘事件
Html事件
其他事件
打出鼠标的位置的时间:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
function test1(e){
window.alert("x="+e.clientX+" y="+e.clientY);
}
</script>
</head>
<body οnmοusedοwn="test1(event)">
</body>
</html>
控制页面颜色
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
function test4(obj){
var div1 = document.getElementById("div1");
if(obj.value=="黑色"){
div1.style.backgroundColor="black";
}
else if("红色"==obj.value){
div1.style.backgroundColor="red";
}
}
</script>
</head>
<body>
<!-- 通过修改style来改变style -->
<div id="div1" style="width:400px;height:300px;background-color:red;"> </div>
<input type="button" οnclick="test4(this)" value="黑色"/>
<input type="button" οnclick="test4(this)" value="红色"/>
</body>
判断浏览器的脚本代码:
<script type="text/javascript">
if(window.XMLHttpRequest){
if(!window.ActiveXObject){
window.alert("Mozilla,Safari");
}else{
alert("IE");
}
}else
window.alert("IE6");
</script>
window有三个事件:
onload:页面打开
onbeforeunload:关闭页面前
onunload:关闭页面
js常用事件
防止用户通过点击鼠标右键菜单拷贝网页内容。
οncοntextmenu="return false;"
onselectstart="return false;"