在 Javascript(三)Javascript基礎(函數與數組)中已經介紹了數組對象了,本篇部落格學習一下其他的javascript中的對象。
String對象

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>