JS内部类
JS中本身提供了一些可以直接使用的类,这些类就是内部类。 主要有:
Object Array Border String Date Number Math RegExp Boolean
内部类的分类
从使用的方式看:分为静态类和动态类 静态类的使用:类名.属性/方法 比如:Math
动态类的使用:var 对象=new 动态类() 对象属性或方法 案例:
//Math(静态类)
window.alert(Math.abs(-12)); //显示当前的时间(动态类) var date=new Date();
window.alert(date.toLocaleString());
Math
看看几个常用的方法 alert(Math.ceil(4.5));//5 alert(Math.floor(4.5));//4 alert(Math.round(4.77));//5
alert(Math.random());//0到1之间的随机小数
Date类
var date=new Date();
window.alert(date.toLocaleString()); //window.alert(date.getYear()); String类
String是一个动态类,常用案例举例 var str=\alert(str.length);//11
var str2=\
var arr=str2.split(\如果(\就是一个一个的分 alert(arr);
var str3=\
alert(str3.substr(1,3));//bcd alert(str3.substring(1,3));//bc
var str4=\
alert(str4.charAt(3));//d
var str5=\alert(str5.indexOf(\
//返回某个指定的字符串值在字符串中首次出现的位置。1:从下标为1的开始找
Array类 是一个动态类 常用的方法
var myarr=new Array(); //动态的添加数据 myarr[0]=\myarr[1]=90;
alert(myarr.length+\myarr.pop();//出栈
alert(myarr.length+\myarr.push(\
alert(myarr.length+\
var myarr2=new Array(2); alert(myarr2.length);//2 myarr2[0]=\myarr2[1]=90; myarr2[2]=90;
alert(myarr2+\不报错,正常sp 90 90 3 //myarr2[81]=90;//不要跳过下标放值 myarr2[\
alert(myarr2[\
Boolean 是动态类
Number类 var a=890.678; a=a.toFixed(2);
alert(a);//890.68 四舍五入保留两位小数
var b=10;
//把10 的二进制显示出来
alert(b.toString(2));//1010 toString(8)8进制
JS事件驱动编程 JS中的事件主要分为4种: 1) 鼠标事件
click dblclick mousedown mouseout mouseover mouseup mousemove
2) 键盘事件
keydown keypress keyup
3) HTML事件
window的onload unload error abort 文本框的select change
4) 其他事件
页面中有些特殊对象运行过程中产生的事件 快速入门案例 案例1:
监听鼠标点击事件,并能够显示鼠标点击的位置x,y function test1(e){
window.alert(\}
点击浏览器之后,显示坐标
案例2:点击按钮,图片变成红色,黑色
1) 方法:JS访问内部css
//js如何访问css属性,来改变外观 function test3(e){
var pic=document.getElementById(\if(e.value==\红色\
pic.style.backgroundColor=\}
else if(e.value==\黑色\
pic.style.backgroundColor=\} }
2) 方法:JS访问外部css
event2.css文件:
.style{ border:1;
background-color:red; width:300px; height:300px; }
event2.html文件:
function test3(e){
//取连接的第一个css文件的内容用0
var ocssRules=document.styleSheets[0].rules; //从ocssRules取出你希望的样式
var style=ocssRules[0];//这里面的0表示event2.css文件中第一个规则 if(e.value==\黑色\
style.style.backgroundColor=\}
else if(e.value==\红色\
style.style.backgroundColor=\} }
一个事件可以被多个函数监听 function test(e){ window.alert(\}
function test1(e){
window.alert(\}