美文网首页
js函数部分基础用法

js函数部分基础用法

作者: jackmanzhang | 来源:发表于2018-09-17 19:12 被阅读0次

    数组

    1. var a=new Array(1,2,3,4,"55");//面向对象创建
      var b=[1,2,3,4,"qwe"];//直接创建
    2. 数组嵌套 var c=[[1,2,3],["12",12,"4e",4],[true,false]];
    3. 数组字符拼接
      var d=[1,21,31,4];
      var d1=d.join("+"); //d1=1+21+31+4
    4. d.push(5) //最后追加
      alert(d) //12345
    5. d.pop() //末尾删除
      alert(d) //123
    6. d.unshift(0)//前面追加
      alert(d)
    7. d.shift() //前面头删除
      alert(d)
    8. d.reverse()//数组翻转
      alert(d)
    9. num=e.indexOf("d")
      alert(num) //3 返回第一次索引值
    10. e.splice(2,2) // 从索引为二开始删除(012) 删除多少个
      alert(e) //a,b,a,b,c,d
    11. e.splice(2,2,55) //第三个参数为;删除之后再在那个位置插入元素
      alert(e) // a,b,55,a,b,c,d
    12. 数组去重
    var a=[1,2,3,4,5,6,7,6,5,4,3,2,1]
            var a1=[]
            for(var i=0;i<a.length;i++){
                if(a.indexOf(a[i])==i){
                    a1.push(a[i])
                }
            }
    

    字符串

    1. 字符串翻转
      //字符串翻转---线分割数组,翻转,拼接
      var b1=b.split("");
      var b2=b1.reverse();
      var b3=b2.join("");
      alert(b3)
    2. 分割
      var s1="2018-0917";
      var s2=s1.split("-");//[2018,0917]
    3. 获取单个元素
      var s3="#div1";
      var s4=".div1";
      var s5=s3.charAt(0)
    4. 从特定的地方获取元素
      var str6=b.substring(10,12);//左闭右开
      当只有一个元素的时候,结果将是从这个位置开始到最后。

    计时器

    setTimeout()计时一次
    setInterval() 重复计时
    clearTimeout()清除一次计时
    clearInterval()清除多次计时

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <script>
            window.onload=function () {
                pop_con=document.getElementById("pop_con");
                shutoff=document.getElementById("shutoff");
    
                setTimeout(showpop,3000)
                function showpop() {
                    pop_con.style.display="block";
                }
                shutoff.onclick=function () {
                    pop_con.style.display="none";
                }
            }
    
        </script>
        <style type="text/css">
            .pop{
                width: 400px;
                height: 300px;
                background-color: white;
                border: 1px solid black;
                position: fixed;
                top:50%;
                left: 50%;
                margin-top: -150px;
                margin-left: -200px;
                z-index: 10;
    
            }
            .mask{
                position: fixed;
                width: 100%;
                height: 100%;
                background-color: black;
                left: 0;
                top: 0;
                opacity: 0.3;
                filter: alpha(opacity=30);
                z-index: 9;
    
            }
            .pop_con{
                display: none;
            }
    
        </style>
    </head>
    <body>
    <h1>标题</h1>
    <p>页面内容</p>
    <div class="pop_con" id="pop_con">
        <div class="pop">
            <h3>提示信息</h3>
            <a href="#" id="shutoff">关闭</a>
        </div>
        <div class="mask"></div>
    </div>
    
    </body>
    </html>
    

    时间函数

    now=new Date()
    year=now.getFullYear()
    month=now.getMonth()//0-11
    date=now.getDate()//当前日期17日
    week=now.getDay()//1 0-6
    hour=now.getHours();
    minute=now.getMinutes()
    second=now.getSeconds();

    封闭函数大致形如:(函数)()

    (function () {
    var s="ok"
    alert(s)
    })();

    用变量的形式定义函数

    var my=function () {
    alert('ok')
    }
    my()//这样定义函数调用只能放在后面,放在前面将会报错

    闭包

     function aa(b) {
                var a=12;
                function bb() {
                    alert(a)
                    alert(b)
                }
                return bb;
            }
            var c=aa(23)
            c()
    
            //封闭函数写法
            var cc=(function (b) {
                var a=12;
                function bb() {
                    alert(a)
                    alert(b)
                }
                return bb;
            })(23)
            cc()
    

    相关文章

      网友评论

          本文标题:js函数部分基础用法

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