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

来源:互联网 发布:治疗法术升级数据 编辑:程序博客网 时间:2024/05/18 21:42
/*
                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*/


0 0