• javaScript---基本语法2(EMCAScript)


    top

    1.String对象

    2.date对象

    3.Number对象

    4.Math数学对象

    5.数组对象

    6.自定义对象

    7.prototype模型

    1.String对象go top

    创建一个字符串的方式:
    方式1:
    new String("字符串的内容");

    方式2:
    var str = "字符串的内容";

    字符串常用的方法:
    anchor() 生产锚点
    blink() 为元素添加blink标签
    charAt() 返回指定索引位置处的字符。
    charCodeAt() 回一个整数,代表指定位置上字符的 Unicode 编码。


    fontcolor() 把带有 COLOR 属性的一个 HTML <FONT> 标记放置在 String 对象中的文本两端

    indexOf() 返回 String 对象内第一次出现子字符串的字符位置


    italics() 把 HTML <I> 标记放置在 String 对象中的文本两端。

    link() 把一个有 HREF 属性的 HTML 锚点放置在 String 对象中的文本两端。

    replace() 返回根据正则表达式进行文字替换后的字符串的复制

    split() 切割

    Substr() 截取子串
    toUpperCase() 转大写
    toLowerCase 转小写

     1 document.write("第五章".anchor("five")+"<br/>");
     2     document.write("第五章".blink()+"<br/>");
     3     document.write("abc".charAt(1)+"<br/>");
     4     document.write("abc".charCodeAt(1)+"<br/>"); //chatCodeAt返回的是索引值对应的字符的码值。 
     5     document.write("第六章".fontcolor("red")+"<br/>"); //fontcolor() 给字符串添加font标签,然后设置color的属性值。
     6     document.write("abchellohehehello".indexOf("hello")+"<br/>"); //返回指定字符串第一次出现的索引值。
     7     document.write("第五章".italics()+"<br/>"); //给文本添加一个i标签,把文本内容设置成斜体。
     8     document.write("传智".link("http://www.itcast.cn")+"<br/>"); // 给文本添加一个a标签,
     9     document.write("明天我们讲xml".replace("xml","DOM编程")+"<br/>"); // 给文本添加一个a标签,
    10     
    11     var str = "我们-大家-好";
    12     var arr = str.split("-");
    13     for(var index = 0 ; index<arr.length ; index++){
    14         document.write(arr[index]+",");    
    15     }
    16     document.write("<br/>");
    17     document.write("abc".toUpperCase()+"<br/>"); //转大写
    18     document.write("ABC".toLowerCase()+"<br/>");  //转小写
    View Code

    2.日期对象(Date)go top

     1 var date = new Date(); //获取到当前的系统时间
     2     document.write("年:"+ date.getFullYear()+"<br/>");
     3     document.write("月:"+ (date.getMonth()+1)+"<br/>");
     4     document.write("日:"+ date.getDate()+"<br/>");
     5     
     6     document.write("时:"+ date.getHours()+"<br/>");
     7     document.write("分:"+ date.getMinutes()+"<br/>");
     8     document.write("秒:"+ date.getSeconds()+"<br/>");
     9     
    10     //xxxx年yy月dd日  hh:mm:ss
    11     
    12     //document.write("当前时间是:"+date.toLocaleString());
    13     document.write("当前时间是:"+date.getFullYear()+"年"+(date.getMonth()+1)+"月"+date.getDate()+"日 "+
    14     date.getHours()+":"+date.getMinutes()+":"+date.getSeconds());
    View Code

     显示当前系统时间:

     1 <body>
     2     当前系统时间:<span id="time"></span>
     3 </body>
     4 
     5 
     6 <script type="text/javascript">
     7     
     8     function getCurrentTime(){
     9         //获取到当前的系统时间
    10         var date = new Date();
    11         //把当前系统时间拼装成我指定的格式。
    12         var timeInfo =  date.getFullYear()+"年"+(date.getMonth()+1)+"月"+date.getDate()+"日 "+
    13     date.getHours()+":"+date.getMinutes()+":"+date.getSeconds();
    14     
    15         //找span对象
    16         var  spanObj = document.getElementById("time");
    17         //设置span标签体的内容
    18         spanObj.innerHTML = timeInfo.fontcolor("red");
    19     }
    20 
    21     getCurrentTime();
    22     
    23     //定时方法.
    24     window.setInterval("getCurrentTime()",1000); /* setInterval   定时方法,第一个参数要指定调用的代码,第二参数是每                                                隔指定的毫秒数调用指定的代码。*/
    25             
    26 
    27 </script>
    View Code

     3.Number对象go top

    创建Number对象的方式:

    方式1:
    var 变量= new Number(数字)

    方式2:
    var 变量 = 数字;

    常用的方法:
    toString() 把数字转换成指定进制形式的字符串。
    toFixed() 指定保留小数位,而且还带四舍五入的功能。

    1     var  num = 10; // 十进制
    2     document.write("十进制:"+num.toString()+"<br/>");
    3     document.write("二进制:"+num.toString(2)+"<br/>"); 
    4     document.write("八进制:"+num.toString(8)+"<br/>"); 
    5     document.write("十六进制:"+num.toString(16)+"<br/>"); 
    6     document.write("三进制:"+num.toString(3)+"<br/>");   // 101
    7     var num2 = 3.455;
    8     document.write("保留两位小数:"+num2.toFixed(2))    
    View Code

    4.Math数学对象go top

    Math对象常用的方法:

    ceil 向上取整
    floor() 向下取整
    random() 随机数方法 // 产生的伪随机数介于 0 和 1 之间(含 0,不含 1),
    round 四舍五入

    1 document.write("向上取整:"+ Math.ceil(3.14)+"<br/>");    
    2     document.write("向下取整:"+ Math.floor(3.14)+"<br/>");
    3     document.write("随机数:"+ Math.random()+"<br/>");
    4     document.write("四舍五入:"+ Math.round(3.75)+"<br/>");
    View Code

    5.Array数组对象:go top

    创建数组的方式1:
    var 变量名 = new Array(); 创建一个长度为0的数组。

    方式2:
    var 变量名= new Array(长度) 创建一个指定长度的数组对象。

    方式3:
    var 变量名 = new Array("元素1","元素2"...); 给数组指定元素创建数组 的对象。

    方式4:
    var 变量名 = ["元素1","元素2"...];

    数组要注意的细节:
    1. 在javascript中数组的长度是可以发生变化的。

    常用方法:

     1 var arr1 = ["狗娃","狗剩","铁蛋"];
     2     var arr2 = ["永康","才厚"];
     3     
     4     /*
     5     arr1 = arr1.concat(arr2); //concat把arr1与arr2的数组元素组成一个新的数组返回。
     6     for(var index in arr1){
     7         document.write(arr1[index]+",");    
     8     }
     9     
    10     
    11     var elements = arr1.join(","); // join使用指定的分隔符把数组中的元素拼装成一个字符串返回。
    12     document.write("数组的元素:"+elements);
    13     
    14     
    15     pop :移除数组中的最后一个元素并返回该元素。
    16     
    17     document.write("删除最后的一个元素并返回:"+arr1.pop()+"<br/>");
    18     
    19     arr1.push("永康"); // 将新元素添加到一个数组中,并返回数组的新长度值。
    20     
    21     arr1.reverse(); //翻转数组的元素
    22     
    23     document.write("删除第一个元素并返回:"+arr1.shift()+"<br/>"); //移除数组中第一个元素,并且返回。
    24     
    25     
    26     var subArr = arr1.slice(1,2); //指定数组 的开始索引值与结束索引值截取数组的元素,并且返回子数组。
    27     document.write("子数组的元素:"+subArr.join(",")+"<br/>");
    28     
    29     
    30     
    31     
    32     arr1 = [19,1,20,5];
    33     arr1.sort(sortNumber);  //排序,排序的时候一定要传入排序的方法。
    34     
    35     function sortNumber(num1,num2){
    36         return num1-num2;
    37     }
    38     
    39         
    40     arr1.splice(1,1,"张三","李四","王五"); //第一个参数是开始删除元素的 索引值, 第二参数是删除元素的个数,往后的数据就是插入的元素。
    41 */
    View Code

     6.自定义对象go top

    在javascript没有类的概念,只要有函数即可创建对象。


    自定义对象的方式1: 使用无参的函数创建对象。

    例子:

    function Person(){}
    var p = new Person(); //创建了一个Person对象了
    p.id = 110;
    p.name = "狗娃";

    方式2:使用带参的函数创建对象。

    function Person(id,name){
        this.id = id;
        this.name = name;    
        this.say = function(){
        alert(name+"呵呵");    
        }
    }
    
    var p = new Person(110,"狗剩");    //创建对象

    方式3:使用Object函数创建对象

    var p = new Object();
    p.id = 110;
    p.name = "铁蛋";

    方式4:使用字面量的方式创建.

    1 var p = {
    2     id:110,
    3     name:"狗娃",
    4     say:function(){
    5     alert(this.name+"呵呵");    
    6     }    
    7 }

    7. prototypego top

    Prototype注意的细节:

    • 1. prototype是函数(function)的一个必备属性(书面一点的说法是"保留属性")(只要是function,就一定有一个prototype属性)
    • 2. prototype的值是一个对象
    • 3. 可以任意修改函数的prototype属性的值。
    • 4. 一个对象会自动拥有prototype的所有成员属性和方法。

    Demo(利用prototype扩展String对象的功能):

     1 script type="text/javascript">
     2     //把字符串转成数组
     3     String.prototype.toCharArray = function (){
     4         var arr = new Array();
     5     
     6         for ( var index=0; index<this.length; index++)
     7         {
     8             arr[index] = this.charAt(index);
     9         }
    10         return arr;
    11     }
    12     //反转字符
    13 //    String.prototype.reverse = function (){
    14 //        var arr = this.toCharArray();
    15 //        arr = arr.reverse();
    16 //        return arr.join("");
    17 //    }
    18     //反转字符2
    19     String.prototype.reverse = function (){
    20         var arr = new Array();
    21         var i = 0;
    22         for ( var index=this.length-1; index>=0; index--)
    23         {
    24             arr[i] = this.charAt(index);
    25             i++;
    26         }
    27         return arr.join("");
    28     }
    29 
    30     var str = "abcdefg";
    31 //    str = str.toCharArray();
    32 //    document.write(str.join(","));
    33     str = str.reverse();
    34     document.write("是否反转成功呢?"+str);
    35     
    36 
    37   </script>
    View Code
  • 相关阅读:
    流程控制值while 循环
    编程语言和变量
    计算机1&操作系统硬件
    使用 Cygwin 在 Windows 中使用 Linux 命令
    windows系统安装mysql及导库
    linux报错 OSError: [Errno 24] Too many open files
    python3报错ModuleNotFoundError: No module named 'Queue'
    mac版本intellij idea默认快捷键
    mysql初设密码及允许远程访问
    PyCharm 图标 c、m、F、f、v、p 分别代表什么含义?
  • 原文地址:https://www.cnblogs.com/gzc911/p/4964172.html
Copyright © 2020-2023  润新知