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>
  • 相关阅读:
    从Python编程小白到大神?你可能还差这几步!
    网红游戏主播靠几行代码轻松“吃鸡”年赚百万!竟然是依靠Python
    爬虫凶猛:爬支付宝、爬微信、窃取数据/编程实战(2):爬虫架构
    轻松入门学网络爬虫编程实战(1):音乐歌单篇
    Centos System Info
    iOS xcodebuild 打包app
    Xcode部分插件无法使用识别的问题
    ios get airplay name
    Re-enable Alcatraz on Xcode 6.3.2 or newer
    Apple LLVM 6.0 Warning: profile data may be out of date
  • 原文地址:https://www.cnblogs.com/linuxws/p/7389650.html
Copyright © 2011-2022 走看看