Javascript(四)Javascript基础(对象)

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

String对象

Javascript(四)Javascript基础(对象)_第1张图片

big方法

<script type="text/javascript"> function fun1(){ //1、获取p标签 var element=document.getElementById("p"); //2、获取p标签的开始标签与结束标签的内容 var text=element.innerHTML; element.innerHTML=text.big().bold(); } 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标签设置颜色
                element.innerHTML=text.fontcolor(color[index]);
            }
    

"p" >哈

type="button" value="变大" οnclick="fun1()" /> type="button" value="变色" οnclick="fun2()" />

innerHTML和innerText区别

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

    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:正则表达式

new RegExp(pattern, attributes);
参数 pattern 是一个字符串,指定了正则表达式的模式或其他正则表达式。
参数 attributes 是一个可选的字符串,包含属性 “g”、”i” 和 “m”,分别用于指定全局匹配、区分大小写的匹配和多行匹配。ECMAScript 标准化之前,不支持 m 属性。如果 pattern 是正则表达式,而不是字符串,则必须省略该参数。

邮箱验证

先是以一个或多个字母或-开头再加@符号再加字母或-加.加字母或-。

<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)+'
'
);//true var str2 = '[email protected]'; document.write(isEmail(str2)+'
'
);//true var str3 = '[email protected]'; document.write(isEmail(str3)+'
'
);//true var str4 = '[email protected]'; document.write(isEmail(str4)+'
'
);//true var str5 = '[email protected]'; document.write(isEmail(str5)+'
'
);//false
script>

你可能感兴趣的:(JS)