Javascript(一)

来源：互联网发布：linux suspend 命令编辑：程序博客网时间：2024/05/22 07:44

☆ 1.javascript中的其他函数书写

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head>  <title>javascript中的其他函数书写</title>  <meta name="Generator" content="EditPlus">  <meta name="Author" content="">  <meta name="Keywords" content="">  <meta name="Description" content=""> </head> <body>  <script type="text/javascript">    /*        javascript动态函数的书写:需要借助于一个内置对象 Function        这个函数用的不多    */    var c=new Function("a,b","var d;d=a+b;return d");    document.write(c(10,20)+"<br/>");    function demo(x,y){        var z;        z=x+y;        return z;    }    var f=demo(12,10);    document.write(f+"<br/>");    //匿名函数    var xx=function(){        document.write("我是匿名函数"+"<br/>");    }    xx();  </script> </body></html>

☆ 2.javascript中的内置对象String

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head>  <title>javascript中的内置对象String</title>  <meta name="Generator" content="EditPlus">  <meta name="Author" content="">  <meta name="Keywords" content="">  <meta name="Description" content=""> </head> <body>    <script type="text/javascript">        /*            javascript中的内置对象:String            在javascript中创建String对象有两种方式:            1.var str="abc";            2.var st=new String("abc");            javascript中的String对象也有索引            索引也是从:0开始            String对象中有length属性 表示字符串的长度        */        var str=new String("abcdeabacda");        document.write(str+"<br/>");        document.write(str.big()+"<br/>");//放大字体        document.write(str.bold()+"<br/>");//字体加粗        document.write(str.charAt(1)+"<br/>");//获取指定索引处的字符        document.write(str.charCodeAt(1)+"<br/>");//获取指定索引处该字符的Unicode值        document.write(str.concat("123")+"<br/>");//末尾连接字符串        document.write(str.fontcolor("green")+"<br/>");//设置字体颜色        document.write(str.fontsize(10)+"<br/>");//设置字体大小        document.write(str.indexOf("a")+"<br/>");//获取字符串中第一次出现指定字符的索引        document.write(str.lastIndexOf("a")+"<br/>");//获取字符串中最后一次出现指定字符的索引        document.write(str.substr(1,3)+"<br/>");        document.write(str.substring(1,4)+"<br/>");        /*            我们通过查阅api发现 String中的方法还是很有限的            如果想要String中没有的方法 那么我们就需要自定义函数            比如:去掉字符串两边的空格            1.定义一个变量 从起始位置开始查找空格            2.定义一个变量 从末尾开始查找空格            3.起始位置<=末尾位置        */        function demo(sss){            //声明一个变量从起始位置开始查找            var start=0;            //声明一个变量从末尾开始查找            var end=sss.length-1;            //起始开始查找            while(start<=end && sss.charAt(start)==" "){                start++;            }            //从末尾向前查找            while(start<=end && sss.charAt(end)==" "){                end--;            }            return sss.substring(start,end+1);        }        var fff="   abcd   ";        document.write("***"+fff+"***"+"<br/>");        var www=demo(fff);        document.write("***"+www+"***"+"<br/>");        /*            我们想让每一个String对象都有这个函数 怎么办呢?            此时我们就需要String对象中的一个属性:prototype 原型            我们通过原型添加函数:            1.获取此对象的原型            2.原型就是该对象的描述            3.我们可以通过String对象中的prototype属性获取对象原型            4.通过原型添加属性或者函数        */        var qqq="abc123";        //通过原型添加属性        String.prototype.len=3;        document.write(qqq.len+"<br/>");        //通过添加函数        String.prototype.ttt=demo;        var zzz="  qrqwe   ";        document.write("***"+zzz+"***"+"<br/>");        var aaa=zzz.ttt(zzz);        document.write("***"+aaa+"***"+"<br/>");    </script> </body></html>

☆ 3.javascript内置对象Math

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head>  <title>javascript内置对象Math</title>  <meta name="Generator" content="EditPlus">  <meta name="Author" content="">  <meta name="Keywords" content="">  <meta name="Description" content=""> </head> <body>  <script type="text/javascript">    /*        javascript内置对象Math:        通过查阅api 我们可以发现Math对象中的方法 直接使用对象名调用    */    document.write(Math.abs(-10)+"<br/>");//求某个数的绝对值    document.write(Math.ceil(12.4)+"<br/>");//返回大于或者等于该参数的最小整数    document.write(Math.floor(12.4)+"<br/>");//返回小于或者等于该参数的最大整数    document.write(Math.max(12,30,4)+"<br/>");//返回几个数中较大的一个    document.write(Math.min(2,3,5)+"<br/>");//返回几个数中较小的一个    document.write(Math.pow(2,4)+"<br/>");//返回第一个数的第二个数次方    document.write(Math.random()+"<br/>");//返回0到1之间的随机数 其中包括0 不包括1  </script> </body></html>

☆ 4.javascript内置对象Date

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head>  <title> javascript内置对象Date </title>  <meta name="Generator" content="EditPlus">  <meta name="Author" content="">  <meta name="Keywords" content="">  <meta name="Description" content=""> </head> <body> <script type="text/javascript">    /*        javascript内置对象Date:        var d=new Date();    */    var da=new Date();    document.write(da+"<br/>");    document.write(da.getDate()+"<br/>");//获取日期    document.write(da.getDay()+"<br/>");//获取星期    document.write(da.getFullYear()+"<br/>");//获取年份    document.write(da.getHours()+"<br/>");//获取小时    document.write(da.getMilliseconds()+"<br/>");//获取毫秒值    document.write(da.getMinutes()+"<br/>");//获取分钟    document.write(da.getMonth()+"<br/>");//获取月份    document.write(da.getTime()+"<br/>");//获取自1970年1月1日以来的毫秒值    /*        js中有一个特有的函数        with(对象名){}    */    with(da){        document.write(getDate()+"<br/>");        document.write(getDay()+"<br/>");//获取星期    } </script> </body></html>

☆ 5.javascript内置对象Array

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head>  <title>javascript内置对象Array</title>  <meta name="Generator" content="EditPlus">  <meta name="Author" content="">  <meta name="Keywords" content="">  <meta name="Description" content=""> </head> <body>    <script type="text/javascript">        /*            javascript中的内置对象Array:            声明数组的方式:            第一种方式:            var arr=[12,3,5];            第二种方式:            var arr2=new Array();            var arr3=new Array(3);            var arr4=new Array(2,4,5,7);        */        var arr=new Array(2,3,4,6,8);        var arr2=new Array(11,222);        document.write(arr2.concat(arr)+"<br/>");//把指定的对象连接到此对象的末尾        document.write(arr+"<br/>");        document.write(arr.join("-")+"<br/>");//把数组元素用指定的分隔符 分开        document.write(arr.pop()+"<br/>");//移除数组中最后一个元素        document.write(arr+"<br/>");        document.write(arr.push(33,44,55)+"<br/>");//将指定元素添加到数组中        document.write(arr+"<br/>");        document.write(arr.reverse()+"<br/>");//把数组反转排序        document.write(arr.shift()+"<br/>");//移除数组中的第一个元素        document.write(arr+"<br/>");        document.write(arr.slice(2,4)+"<br/>");//返回数组中的一段    </script> </body></html>

☆ 6.javascript系统函数

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head>  <title> javascript系统函数</title>  <meta name="Generator" content="EditPlus">  <meta name="Author" content="">  <meta name="Keywords" content="">  <meta name="Description" content=""> </head> <body>  <script type="text/javascript">    /*        javascript系统函数:    */    document.write(eval("2+3+5")+"<br/>");//返回字符串表达式的值    document.write(parseInt("a12")+"<br/>");//解析 如果以字母开始 结果是NaN 可以使用isNaN来判断    /*        javascript中一个特有的语句:        for in语句的语法:        for(变量名 in 对象名){}    */    var arr=[2,3,5,7,8];    for(a in arr){        document.write(arr[a]+"<br/>");    }  </script> </body></html>

☆ 7.javascript自定义对象

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head>  <title>javascript自定义对象</title>  <meta name="Generator" content="EditPlus">  <meta name="Author" content="">  <meta name="Keywords" content="">  <meta name="Description" content=""> </head> <body>  <script type="text/javascript">    /*    javascript自定义对象:        我们知道只要是面向对象或者基于对象 都有对象的概念        面向对象:具备描述对象的能力        基于对象:不具备描述对象的能力    */      function student(){//无参数的构造器        document.write("我是student函数"+"<br/>");    }    student();    var stu=new student();    //通过对象名动态添加属性    stu.name="张三";    stu.age=30;    document.write(stu.name+"<br/>");    document.write(stu.age+"<br/>");    //动态的给对象添加函数    stu.say=function(){        document.write("我是say函数"+"<br/>");    }    stu.say();    function person(personName,personAge){//有参数的构造器        this.personName=personName;        this.personAge=personAge;        this.setName=function(personName){//setter方法            this.personName=personName;        }        this.getName=function(){//getter方法            return this.personName;        }    }    var p=new person("李四",20);//使用构造器赋值    document.write(p.personName+"<br/>");    document.write(p.personAge+"<br/>");    p.setName("王五");//使用setter方法赋值    document.write(p.getName()+"<br/>");//使用getter方法获取    document.write("**********************<br/>");    //很类似于Map集合的键值映射    var stt={        sName:"赵六",sNo:"2018"    };    document.write(stt.sName+"<br/>");    //根据键获取值    document.write(stt["sName"]+"<br/>");    var st={        1:"田七",2:"孙八",3:"白酒"    };    document.write(st[1]+"<br/>");    document.write("**********************<br/>");    //for in    for(index in st){        document.write(st[index]+"<br/>");    }    var s={        1:["小明","小强","小花","小红"]    };    document.write(s[1]+"<br/>");    var arr=s[1];    for(ix in arr){        document.write(arr[ix]+"<br/>");    }  </script> </body></html>

0 0