您的位置:首页 > Web前端 > JavaScript

JavaScript入门基础知识总结(3)

2015-04-14 23:46 519 查看
/*

JavaScript基础学习总结

*******该总结用DW写作,为了调试方便,将影响测试的部分以注释形式写出****/

//所有测试以alert()函数显示

//1、JavaScript特殊字符

//在JavaScript中你可以用反斜杠来表示一个特殊字符,来看例子

// 代码 输出

// \' 单引号

// \" 双引号

// \& 和号

// \\ 反斜杠

// \n 换行符

// \r 回车符

// \t 制表符

// \b 退格符

// \f 换页符

//2、JavaScript 指导方针

// a)JavaScript对大小写敏感,my 和 My是不同的

// b)JavaScript会忽略代码中多于的空格,

//如:name = "A" 和 name="A" 是一样的,所以,可以用空格来使你的代码更美观

// c)在JavaScript的代码中允许这样换行

//document.write("hello \

// world!)

//3、JavaScript中的对象

//a)JavaScript是面向对象的语言,我们可以创建我们自己的对象,一个对象有自己的属性和方法

//b)JavaScript内部对象

//var txt = "hello"; 我们可以用txt.length 来获得txt的长度(length就是对象txt的属性)

// txt.toUpperCase() 我们可以这样调用txt对象的方法,将txt中的小写字母换为大写

//4)、String 声明 String str;

//使用 str.length 获得字符串的长度

//调用str.big(),str.small(),str.blink()等方法可以修改字符串的样式

//调用str.indexOf()获得某一个字符在该串中的第一次出现位置

//更多内容请参考http://www.w3school.com.cn/jsref/jsref_obj_string.as

//5)、Date 声明 var date = new Date();

function funDate(){

var t = new Date();//获得一个新日期,和当前系统时间一致

t.setFullYear(1993,3,23);//设置自己的日期,注意月份应该用0-11来设置

t.setDate(t.getDate()+5);//设置时间为当前时间的5天后。

t.toDateString();//根据 UTC 转换为字符串

//var temp = new Date();

// temp > t; 两个日期可以直接比较大小

alert(t);

}

//更多内容请参考http://www.jb51.net/w3school/js/jsref_obj_date.htm

//6)数组对象

function funArray(){

var arr = new Array();//声明实例化数组

arr[0] = "123";

arr[1] = "456";

arr.sort();

document.getElementById("Array").innerHTML=arr[1];

}

//数组的常用方法

//1、arr1.concat(arr2);合并两个数组

//2、arr.join(".")将数组中的内容链接为一个字符串,中间用 . 隔开

//3、arr.sort() 安照字面进行排序

//4、arr.sort(sortNumber) function sortNumber(a,b){return a-b;}配合函数可以按数字内容的大小排序

//更多内容请参考http://www.w3school.com.cn/jsref/jsref_obj_array.asp

//7)Boolean对象

function funBoolean(){

var t1 = Boolean();

var t2 = Boolean(0);

var t3 = Boolean(1);

var t4 = Boolean("");

var t5 = Boolean(null);

var t6 = Boolean(NaN);

var t7 = Boolean("false");

var t8 = Boolean(true);

var t9 = Boolean("ttt");

var txt = "0的逻辑值:"+t2+"\n"+"1的逻辑值:"+t3+"\n"+"空字符串的逻辑值:"+t4+"\n"+"null的逻辑值:"+t5+"\n";

txt += "NaN的逻辑值:"+t6+"\n"+ "\"false\"的逻辑值:"+t7+"\n"+"无任何初始值的逻辑值:"+t1+"\n"+"true的逻辑值:"+t8+"\n"+"任意字符串逻辑值:"+t9+"\n";

alert(txt);

}

//更多内容请参考http://www.w3school.com.cn/jsref/jsref_obj_boolean.asp

//8)Math对象

function funMath(){

var t1 = Math.round(0.6);//获得参数的四舍五入后的值

var t2 = Math.random();//获得一个0-1之间的小数

var t3 = Math.max(5,4);//获得两个数中较大打的数

var t4 = Math.min(-4.4,4);//获得两个数中较小的数

var txt = "t1 = "+t1+",t2 = "+t2+",t3 = "+t3+",t4 = "+t4;

document.getElementById("Math").innerHTML = txt;

}

//更多内容请参考http://www.jb51.net/w3school/js/jsref_obj_math.htm1

//9)正则表达式

// 定义正则规则 var pat = new RegExp("规则");

//常用方法演示

function funRegExp(){

var pat = new RegExp("e.*e");

var t1 = pat.test("esdjkfe");//检索字符串中是否有知道正则中的子串

var t2 = pat.exec("ejdklsj");//检索并返回字符串,无则返回null

pat.compile("e");//修改已有的正则规则

var t3 = pat.test("eeee");

var txt = "t1 = "+t1+",t2 = "+t2+",t3 = "+t3;

alert(txt);

}

//更多内容请参考http://www.w3school.com.cn/jsref/jsref_obj_regexp.asp

//10)HTML DOM

/*HTML DOM 是 W3C 标准(是 HTML 文档对象模型的英文缩写,Document Object Model for HTML)。

HTML DOM 定义了用于 HTML 的一系列标准的对象,以及访问和处理 HTML 文档的标准方法。

通过 DOM,可以访问所有的 HTML 元素,连同它们所包含的文本和属性。可以对其中的内容进行修删除,同时也可以创建新的元素。

HTML DOM 独立于平台和编程语言。它可被任何编程语言诸如 Java、JavaScript 和 VBScript 使用。

更多内容请参考http://www.w3school.com.cn/jsref/dom_obj_document.asp*/
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: