美文网首页
原生js的基础方法等一

原生js的基础方法等一

作者: 阿克兰 | 来源:发表于2019-12-03 16:03 被阅读0次
    onchange  HTML 元素改变
    onclick  
    onmouseover 用户在一个HTML元素上移动鼠标
    onmouseout 用户从一个HTML元素上移开鼠标
    onkeydown 用户按下键盘按键
    onload  浏览器已完成页面的加载
    
     反斜杠是一个转义字符。 转义字符将特殊字符转换为字符串字符:
    \'  单引号
    \"  双引号
    \\  反斜杠
    \n  换行
    \r  回车
    \t  tab(制表符)
    \b  退格符
    \f  换页符
    

    字符串的方法

    charAt()    返回指定索引位置的字符
    charCodeAt()    返回指定索引位置字符的 Unicode 值
    concat()    连接两个或多个字符串,返回连接后的字符串
    fromCharCode()  将 Unicode 转换为字符串
    indexOf()   返回字符串中检索指定字符第一次出现的位置
    lastIndexOf()   返回字符串中检索指定字符最后一次出现的位置
    localeCompare() 用本地特定的顺序来比较两个字符串
    match() 找到一个或多个正则表达式的匹配
    replace()   替换与正则表达式匹配的子串
    search()    检索与正则表达式相匹配的值
    slice() 提取字符串的片断,并在新的字符串中返回被提取的部分
    split() 把字符串分割为子字符串数组
    substr()    从起始索引号提取字符串中指定数目的字符
    substring() 提取字符串中两个指定的索引号之间的字符
    toLocaleLowerCase() 根据主机的语言环境把字符串转换为小写,只有几种语言(如土耳其语)具有地方特有的大小写映射
    toLocaleUpperCase() 根据主机的语言环境把字符串转换为大写,只有几种语言(如土耳其语)具有地方特有的大小写映射
    toLowerCase()   把字符串转换为小写
    toString()  返回字符串对象值
    toUpperCase()   把字符串转换为大写
    trim()  移除字符串首尾空白
    valueOf()   返回某个字符串对象的原始值
    

    switch 语句

    var d=new Date().getDay(); 
    switch (d) 
    { 
      case 0:x="今天是星期日"; 
      break; 
      case 1:x="今天是星期一"; 
      break; 
      case 2:x="今天是星期二"; 
      break; 
      case 3:x="今天是星期三"; 
      break; 
      case 4:x="今天是星期四"; 
      break; 
      case 5:x="今天是星期五"; 
      break; 
      case 6:x="今天是星期六"; 
      break; 
    }
    

    For/In 循环

    var person={fname:"John",lname:"Doe",age:25}; 
     
    for (x in person)  // x 为属性名
    {
        txt=txt + person[x];
    }
    

    while

    while (i<5)
    {
        x=x + "The number is " + i + "<br>";
        i++;
    }
    

    break 停止以后不再执行

    for (i=0;i<10;i++)
    {
        if (i==3)
        {
            break;
        }
        x=x + "The number is " + i + "<br>";
    }
    

    Continue 只跳出本次,还有继续

    for (i=0;i<=10;i++)
    {
        if (i==3) continue;
        x=x + "The number is " + i + "<br>";
    }
    // 结果为
    该数字为 0
    该数字为 1
    该数字为 2
    该数字为 4
    该数字为 5
    该数字为 6
    该数字为 7
    该数字为 8
    该数字为 9
    

    type of 验证数据类型

    typeof "John"                // 返回 string
    typeof 3.14                  // 返回 number
    typeof false                 // 返回 boolean
    typeof [1,2,3,4]             // 返回 object
    typeof {name:'John', age:34} // 返回 object
    
    用 typeof 检测 null 返回是object。
    typeof undefined             // undefined
    

    转换

    Number() 转换为数字, String() 转换为字符串, Boolean() 转化为布尔值。
    JavaScript 数据类型
    在 JavaScript 中有 5 种不同的数据类型:
    
    string
    number
    boolean
    object
    function
    3 种对象类型:
    
    Object
    Date
    Array
    2 个不包含任何值的数据类型:
    
    null
    undefined
    
    typeof "John"                 // 返回 string
    typeof 3.14                   // 返回 number
    typeof NaN                    // 返回 number
    typeof false                  // 返回 boolean
    typeof [1,2,3,4]              // 返回 object
    typeof {name:'John', age:34}  // 返回 object
    typeof new Date()             // 返回 object
    typeof function () {}         // 返回 function
    typeof myCar                  // 返回 undefined (如果 myCar 没有声明)
    typeof null                   // 返回 object
    

    constructor 属性,你可以使用 constructor 属性来查看对象是否为数组 (包含字符串 "Array"):

    "John".constructor                 // 返回函数 String()  { [native code] }
    (3.14).constructor                 // 返回函数 Number()  { [native code] }
    false.constructor                  // 返回函数 Boolean() { [native code] }
    [1,2,3,4].constructor              // 返回函数 Array()   { [native code] }
    {name:'John', age:34}.constructor  // 返回函数 Object()  { [native code] }
    new Date().constructor             // 返回函数 Date()    { [native code] }
    function () {}.constructor         // 返回函数 Function(){ [native code] }
    
    // 验证是否是数组
    var fruits = ["Banana", "Orange", "Apple", "Mango"];
    document.getElementById("demo").innerHTML = isArray(fruits);
    function isArray(myArray) {
        return myArray.constructor.toString().indexOf("Array") > -1;
    }
    

    转换

    全局方法 String() 可以将数字转换为字符串。
    String(x)         // 将变量 x 转换为字符串并返回
    String(123)       // 将数字 123 转换为字符串并返回
    String(100 + 23)  // 将数字表达式转换为字符串并返回
    x.toString()
    (123).toString()
    (100 + 23).toString()
    
    
    toFixed()  把数字转换为字符串,结果的小数点后有指定位数的数字。
    

    字符串转变成数字

    Number("3.14")    // 返回 3.14
    Number(" ")       // 返回 0
    Number("")        // 返回 0
    Number("99 88")   // 返回 NaN
    
    parseFloat()    解析一个字符串,并返回一个浮点数。
    parseInt()  解析一个字符串,并返回一个整数。
    

    相关文章

      网友评论

          本文标题:原生js的基础方法等一

          本文链接:https://www.haomeiwen.com/subject/debgwctx.html