原生对象

JavaScript对象与操作

最新推荐文章于 2023-12-18 00:00:00 发布

原创最新推荐文章于 2023-12-18 00:00:00 发布 · 365 阅读

CC 4.0 BY-SA版权

###原生对象-Array；数组
     var arr = new Array();
        arr[0]=3;
        arr[1]=5;
        arr[5]=9;
        //可以给任何元素赋值，没有赋值的元素为undefined
       // alert(arr);
        //arr.length表示数组长度
        //alert(arr[3]+"    "+arr.length);
        //创建带初始值的数组
        var x=[5,6,7,8];
        //追加元素
        x.push("abc")
        //以*号连接元素
        alert(x.join("*"));
###原生对象-Date:日期类
       //创建一个日期
        var date = new Date();
        //alert((date.getYear()+1900)+"    "+(date.getMonth()+1)+"    "+date.getDate());

        var  spanObj;
        window.onload = function(){
            spanObj = document.getElementById("timeSpan");
            //每隔1000毫秒调用指定函数
            window.setInterval(setTime,1000);
        }

        function setTime(){
            var madate = new Date();
            spanObj.innerHTML = (madate.getYear()+1900)+"年"+(madate.getMonth()+1)+"月"
            +(madate.getDate())+"日"+madate.getHours()+":"+madate.getMinutes()+":"
            +madate.getSeconds();
        }
     <body>
    <form action="aaa" onsubmit="return checkForm()">
        
        姓名：<input type="text" name="userName" id="userName" onblur="checkName()"><span id="nameSpan"></span><br>
        电话：<input type="text" name="tel" id="tel" onblur="checkTel()"><span id="telSpan"></span><br>
        email：<input type="text" name="email" id="email" onblur="checkEmail()"><span id="emailSpan"></span><br>
        成绩：<input type="text" name="grade" id="grade" onblur="checkGrade()"><span id="gradeSpan"></span><br>
        <input type="submit" value="提交">
    </form>

    </body>
###内置对象Global
    //判断一个字符串包含的内容是否是非数字，非数字返回true，数字返回false
        //alert(isNaN("90"));
        //判断一个数字是否有界，返回true，如果没界，返回false
        //alert(isFinite(5/0));
        //对特殊字符进行编码
        //alert(encodeURI("abc中国yyy pp/"))

        //alert('abc');
        //eval("alert('abc')");
#javascript对象的特点：
      1. javascript是基于对戏那个的面向对象语言，只有对象的概念，没有类，没有接口
      2. javascript的函数本身也是对象，
      3. javascript对象的属性和方法，可以在运行期间动态添加或删除

###innerHTML
     1. 方便设置元素的内容
     2. 不是DOM的一部分，但被所有浏览器支持
     3. 推荐使用
     4. 老师浏览器Table和select不支持