您的位置：首页 > Web前端 > JavaScript

javascript学习（三） 内置对象

2015-04-10 21:04 489 查看
一：事件（Event）对象

　　在触发dom事件的时候都会产生一个event对象

type 获取事件类型

target 获取事件目标

stopPropagation() 阻止事件冒泡

preventDefault() 阻止事件默认行为

　　eg:

二：string对象

lenget 长度

indexof() 位置

march() 内容匹配

replace() 替换

toUpperCase 大小写转换

split() 字符串变为数组

　　eg:

<script type="text/javascript">
var str = "Hello World";
// alert(str.length); // 结果为11

//alert(str.indexOf("World")); // 结果为：6
//alert(str.indexOf("aa1")); // 结果为：-1

//alert(str.replace("World","LiPeng"));//输出为：Hello LiPeng

// alert(str.toLowerCase());//结果为：hello world
var str2 = "A,B,C,E|F"
var s = str2.split(",");//  这里不能同时分割？   不能按字符数组分割？
alert(s[3]);
</script>


三：Date对象

getFullYear() 获取年份

getTime() 获取时间戳

setFullYear() 　　设置时间

　　eg：

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body onload="getTime()">
<script type="text/javascript">
function getTime() {
var date = new Date();
var h = date.getHours();
var m = date.getMinutes();
var s = date.getSeconds();
m = checkTime(m);
s = checkTime(s);
document.getElementById("timetxt").innerHTML = "时间：" + h + "时" + m + "分" + s + "秒";
var n = setTimeout(function () { getTime(); }, 1000);
}
function checkTime(t) {
if (t < 10)
t = "0" + t;
return t;
}
</script>
<div id="timetxt">
</div>
</body>
</html>


四：Array对象

　　使用单独的变量名存储一系列变量

　　eg:

<script type="text/javascript">
var myArray = ["hello", "li", "peng"];
var str = "hello";
var myArray2 = ["d", "a", "b", "c"];
//         输出 a,b,c,d（升序排序）
// document.write(myArray2.sort());

//         输出d,c,b,a（降序排序）
//document.write(myArray2.sort(function (a, b) { return b - a }));

//         连接    myArray 和   myArray2
/document.write(myArray.concat(myArray2));

//        增加字符串
//myArray.push("c"); //这里给myArray加了一个c 返回值为4
//document.write(myArray);

//        反转myArray
//document.write(myArray.reverse());
</script>


五：Math对象

　　

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<button id="btn">
提交</button>
<div id="divid">
</div>
<script type="text/javascript">
document.getElementById("btn").addEventListener("click", function () {
document.getElementById("divid").innerHTML = parseInt(Math.random() * 1000);
});

alert(Math.max(10, 20, 15));
alert(Math.round(2.5698));
</script>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航