zoukankan      html  css  js  c++  java
  • JavaScript基础知识

      

    1、Spring对象

    var str1="  HELLO world  ";
        console.log(str1)
        console.log(str1.length)        /*字符串长度*/
        console.log(str1.toLowerCase()) /*全部转换为小写*/
        console.log(str1.toUpperCase()) /*全部转换为大写*/
        console.log(str1.trim())            /*去字符串两端的空格*/
        console.log(str1.charAt(3))         /*获取指定位置的字符串*/
        console.log(str1.indexOf("L"))      /*匹配到的最左边的字符*/
        console.log(str1.lastIndexOf("L"))  /*匹配到的最右边的字符*/
    
    ===================
        var str1="welcome to the world of JS!";
        console.log(str1.match("world"))    //匹配字符串的数组,如果没有匹配则返回null。["L", index: 4, input: "  HELLO world  "]
        var str2=str1.match("the world")    //没有这种形式:console.log(str2[1])
        console.log(str2[0])
    
        console.log(str1.search("world"))       //匹配字符串的首字母位置
    
        console.log(str1.substr(11,3))          //匹配索引为11及其之后的3个字符
    
        console.log(str1.substring(11,14))      //匹配索引为11到14的字符
    
        console.log(str1.slice(1,2))            //对索引为1到2氛围内的字符进行切片。
    
        console.log(str1.replace("JS","WS"))    //字符串替换
    
        var str1="一,二,三,四,五,六,日";
        console.log(str1.split(","));
        var strArray=str1.split(",");           //得到的是一个数组。
        console.log(strArray[2]);               //获取数组中索引为2的字符串。
    
        var a = [1,2,3];
        console.log(a.concat(4,5));             //拼接字符     这个会打印在console
        document.write(a.concat(4,5));          //这个会在屏幕上显示

    节点操作

    1、增加节点

    <body>
        <!--1、先要确定添加标签的位置 -->
        <div class="box">
            <h4>增加节点</h4>
        </div>
        <!--2、创建触发“添加标签”的事件-->
        <button>ADD</button>
    </body>
    <script>
        //1、查找标签
        var ele=document.getElementsByTagName("button")[0]
        var ele_box=document.getElementsByClassName("box")[0]
        //2、绑定触发事件(字代码分为:1、创建标签  2、添加子标签)
        ele.onclick=function(){
            //创建标签
            var ele_img=document.createElement("img");  // 需要触发事件才能执行完成此操作。
                ele_img.src="640.jpg";                  //设置节点属性
    
            //添加子标签
            ele_box.appendChild(ele_img);
        }
    </script>

    2、删除节点:

    <body>
        <!--1、要删除的标签 -->
        <div class="box">
            <h4>标签</h4>
        </div>
        <!--2、触发“删除标签”事件的按钮-->
        <button class="My_But_rm">remove</button>
    </body>
    <script>
        //1、定位要删除的标签的父标签
        var ele_box=document.getElementsByClassName("box")[0]
        //2、定位触发事件的对象
        var ele_remove=document.getElementsByClassName("My_But_rm")[0];
        //3、绑定触发事件
        ele_remove.onclick=function () {
            //3-1:定位要删除的标签
            var ele_h4=document.getElementsByTagName("h4")[0];
            //3-2:执行删除操作。
            ele_box.removeChild(ele_h4);
        };
    </script>
  • 相关阅读:
    形象理解ERP(转)
    禁用windows server 2008 域密码复杂性要求策略
    How to adding find,filter,remove filter on display method Form
    Windows Server 2008 R2激活工具
    How to using bat command running VS development SSRS report
    Creating Your First Mac AppGetting Started
    Creating Your First Mac AppAdding a Track Object 添加一个 Track 对象
    Creating Your First Mac AppImplementing Action Methods 实现动作方法
    Creating Your First Mac AppReviewing the Code 审查代码
    Creating Your First Mac AppConfiguring the window 设置窗口
  • 原文地址:https://www.cnblogs.com/linuxws/p/7389650.html
Copyright © 2011-2022 走看看