在 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>