函数的定义
function 函数名{
函数体；
}
函数的调用
- 在<script>标签内调用
函数名（） - 在HTML文件中调用
通过点击按钮后定义好的函数
<input type="button" value="click" onclick="add()"/>
js内置对象
- 数学对象
Math.PI 圆周率π - Math.ceil() 向上取整 返回的是大于或等于函数参数， 并且与它相近的整数
Math.ceil(2.1) - > 3 - Math.floor() 向下取整 返回的是小于或等于函数参数， 并且它相近的整数
Math.floor(0.4) ->0
Math.floor(1.9) ->1
Math.round(num) 返回与num最近接近的数值（四舍五入）
Math.max(x,y) 返回指定的数中带有较大的值的那个数
Math.min(x,y) 相反
Math.abs(); 取绝对值
Math.pow(x, y); x的y次幂
Math.random() 返回一个 0-1之间的随机数 [0, 1)
从1开始至任意值[1， 任意值]
parseInt(Math.random()*上限+1）；
范围值： 从任意值开始至任意值
parseInt(Math.random()*(上限-下线+1)+下限）；
image.png
- 日期对象
语法
var 日期对象 = new Date(参数)
参数格式; MM, DD, YYYY, hh:mm:ss
var today = new Date(); //返回当前日期和时间
var today = new Date("september 1, 2009, 14:58:12");
image.png
- 获取年月日
var today = new Date();
// alert(today);
var year = today.getFullYear(); // 获取年份
var Month = today.getMonth()+1; //获取月份从0开始，即0就是1月；
var date = today.getDate() // 获取日期
var Day = today.getDay() // 获取星期 0-->周日 1-->周一
image.png
- 定时函数
交互时间
setInterval("调用的函数"， "调用的时间间隔")
延迟时间
setTimeout("调用的函数"， "指定的时间后") //只调用一次
清楚函数
clearInterval("要清楚的定时函数")
字符串函数
- 字符长度
length
var str = "abcdef";
alert("str的长度是"+str.length);
- 检索字符串， 看它是否含有某个字符串。
indexOf(substring, startpos)
substring 规定检索的字符串值
startpos 可选参数，从哪个位置开始找。
注意：如果检索的字符串值没有出现， 返回-1
var a = "hello world";
alert(a.indexOf("o"));
弹出4
var a = "hello world";
alert(a.indexOf("o", 5));
弹出7
- 字符截取
substr(start, length)
start 开始截取的位置
length 截取的长度
var str = "I Love javascript";
alert(str.substr(2,4));
alert(str.substr(-15,4)); 这是倒着截
弹出love
- 字符串切割
substring(startPos, stopPos)
用于提取字符串中介于两个指定下标之间的字符
startPos ： 一个非负整数，开始位置
stopPos: 可选 一个非负整数，结束位置
var str = "abcdef";
alert(str.substring(4,6)); // 注意切割的区间是从[4-6）
- 从最后一个点切割
var str = "qq.jpg"
alert(str.substring(str.lastIndexOf("."), str.length));
- 字符串替换
replace（"要替换的字符"， "用来替换的字符串"）
执行的是查找并替换操作。它将stringObject中查找与要替换的字符匹配的字符串，然后替换。 如果要替换的字符具有全局标志g，那么replace方法将替换所有的字符串。
this is demo:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>字符串对象</title>
</head>
<body>
<div id ="box"></div>
<input type="text" name="" id ="usr">
</body>
<script type="text/javascript">
// var a = "hello world";
// alert(a.indexOf("o"));
// alert(a.indexOf("o", 5));
var oD = document.getElementById("box")
var oI = document.getElementById('usr');
oI.onblur = function(){
var v = oI.value;
oD.innerHTML = v.replace("台独", "**");
}
</script>
</html>
image.png
- 分割字符串为字符数组。
split(separator, limit):
separator 从改参数指定的地方分割
limit 可选 分割的次数
var str = "hello world";
var a = str.split("o");
alert(a);
image.png
网友评论