这几天花时间观看了以前找同学要的一些java教学方面的视频资料,重新回顾了下里面讲到的知识点,现在对这些知识点做一个总结。
课程里面关于javascript的一共分为四块,js基本语法,js的内置对象,js自定义构造器,js宿主对象这几部分。
1.js基本语法
js是一种弱类型的语言,定义变量的时候不需要指定变量类型。定义函数的时候也不需要指定函数入参的类型和函数的返回类型。
2.内置对象
内置对象主要讲了6种
1)String对象
常用属性:
常用方法:
subtrring():
function testString(){
var str = new String("helloword");
var substr = str.substring(0,3);
alert(substr);
}
输出结果为hel,输出String的子字符串,前闭后开。
substr(a,b);
2)Array对象
常用属性:
length; --返回数组的长度
常用方法:
reverse():
function testArr(){
var arr = new Array(1,"hello","java");
var arr1 = arr.reverse();
alert(arr1);
}
输出"java","hello",1。该方法表示将数组种的元素反序排列。
join(a); --将数组种的元素以分隔符a连接起来形成一个字符串
slice(a,b) --将数组元素按照起始下标a,结束下标b,获取其子集。
sort(排序方法); --将数组种的元素按照指定的排序方法排序,若不指定排序方法,则按照字母顺序排序。
3)Date对象
常用方法:
示例:
function testDate(){
var d = new Date();
var y = d.getFullYear();
var mon = d.getMonth()+1;
var day = d.getDate();
var h = d.getHours();
var m = d.getMinutes();
var s = d.getSeconds();
var str = y+"年"+mon+"月"+day+"日 "+h+":"+m+":"+s;
alert(str);
}
4)RegExp对象
常用方法:
test():
示例:
function testReg(){
var tel = new String("13555556666");
var reg = new RegExp("1[3,5,8][0,9]{9}");
var flag = reg.test(tel);
alert(flag);
}
输出false,和String对象的match相似。
5)Math对象
常见方法:
示例:
function testMath(){
var v1 = Math.round(10.556);//四舍五入
var v2 = Math.floor(10.556);//向下舍入
var v3 = Math.ceil(10.556);//向上舍入
alert(v1+":"+v2+":"+v3);
}
6)Global全局对象
常用属性:
常用方法:
示例:
function testGlobal(){
var num1 = parseInt("10abdb");
var num2 = parseInt("20edgds");
var sum = num1+num2;
alert(sum);
}
输出30。
3.自定义构造器
function Student(name,sex,age){
this.name = name;
this.sex = sex;
this.age = age;
this.print = function (){
alert("<><>");
}
}
function test(){
var stu1 = new Student("Jack","man",20);
var stu2 = new Student("marry","female",18);
//alert(stu1.name);
//stu1.print();
//给单个对象添加属性,其他对象不具有该属性
stu1.num = "101";
alert(stu1.num);
alert(stu2.num);
//给原型添加属性,所有该构造器构造的对象都具有该属性
Student.prototype.grade = 2;
alert(stu1.grade);
alert(stu2.grade);
}
注意:自定义构造器与函数的形式非常类似,区别就是一般构造器的名称首字母大写,new关键字构造对象。
js种可以给对象动态添加属性,添加的时候又分为两种:给单个对象添加属性和给构造器原型添加属性。
4.宿主对象
1)浏览器对象navigator
2)窗体对象window
常用属性;
常用方法:
示例:
function testWindow(){
var w = screen.width;
var h = screen.height;
var x = w/2 - 200;
var y = h/2 - 150;
var w1 = window.open("","","height=300,width=400,left="+x+",top="+y);
w1.document.write("我等你很久了....");
w1.close();
window.close();
}
3)位置对象location
常用属性:
常用方法:
示例:
function testLocation(){
//为位置对象设置一个完整的ULR,就会跳转到指定的URL
//location.href = "./a1.html";
//重新加载本页面
//location.reload();
//新页面替换本页面(页面跳转),无法回退
location.relpace("./a1.html");
}
4)历史对象history
常用属性:
常用方法:
示例:
function testHistory(){
//后退或者前进
window.history.go(-1);
//前进
window.history.forward();
//后退
window.history.back();
}
5)网页对象document
常用属性:
常用方法:
示例:
DOM操作
说明:利用DOM实现一个二级联动的select标签。