天天看點

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>      

繼續閱讀