天天看点

Javascript(四)Javascript基础(对象)

在 Javascript(三)Javascript基础(函数与数组)中已经介绍了数组对象了,本篇博客学习一下其他的javascript中的对象。

String对象

Javascript(四)Javascript基础(对象)

big方法

<script type="text/javascript">function fun1(){
                //1、获取p标签
            var element=document.getElementById("p");
            //2、获取p标签的开始标签与结束标签的内容
            var</script>      
<body>
<p id="p">哈</p>
        <input type="button" value="变大" onclick="fun1()"
</body>      

fontcolor方法

var color=["red","yellow","blue","green","blueviolet"];
            function fun2(){
                //1、获取p标签
                var element=document.getElementById("p");
                //2、获取p标签内容,这里注意区别innerHTML和innerText
//              var text=element.innerHTML;
                var text=element.innerText;
                //3、随机获取颜色的下标
                var index=Math.floor(Math.random()*color.length);
                //4、给p标签设置颜色      
"p" >哈</p>
        <input type="button" value="变大" onclick="fun1()" />
        <input type="button" value="变色" onclick="fun2()"      

innerHTML和innerText区别

在上面的fontcolor方法中的代码中如果使用text.innerHTML那么文字颜色将只变化一次就不再变化,这是由于fontcolor在运行时会在原来的基础上添加标签,而innerHTML获取到的是开始标签与结束标签之间的内容,如上图演示的,会弹出带有​

​<font>​

​​标签的内容,所以fontcolor在多次点击调用时会添加多层​

​<font>​

​​标签,而innerText则获得的是文本内容,因此可以添加​

​<font>​

​标签。

function fun3(){
                var text=document.getElementById("a");
                alert(text.innerHTML);
                alert(text.innerText);
            }      
<p id="a"><font>嘿</font></p>
        <input type="button" value="区别innerHTML和innerText" onclick="fun3()"/>      

substring与substr区别

substring参数是字符串截取的起始位置和结束位置,而substr参数是字符串截取的起始位置和字符串的截取长度

function fun4(){
                var str="abcdef";
                document.writeln(str.substring(2,3));

                document.writeln(str.substr(2,3));
            }      

Number对象

Boolean对象

Math对象

ceil方法:向上取整

floor方法:向下取整

round方法:四舍五入

Date对象

<script>
       var date=new Date();
        alert(date);    //国际时间
        alert(date.toLocaleDateString());//本地日期
        alert(date.toLocaleString());//本地时间
        alert(date.getYear());//年:弹出为116,因为系统是从1900年开始计算的
        alert(date.getMonth());//月:比平时少1
        alert(date.getDate());//日:日期
        alert(date.getDay());//星期:0-6  0:星期天
 </script>      

RegExp:正则表达式

邮箱验证

<script>function isEmail(str){
var reg = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/;
return reg.test(str);
}
var str = '[email protected]';
document.write(isEmail(str)+'<br />');//true
var str2 = '[email protected]';
document.write(isEmail(str2)+'<br />');//true
var str3 = '[email protected]';
document.write(isEmail(str3)+'<br />');//true
var str4 = '[email protected]';
document.write(isEmail(str4)+'<br />');//true
var str5 = '[email protected]';
document.write(isEmail(str5)+'<br />');//false</script>      

继续阅读