javascript----函数

2017-11-25 本文已影响0人伟大的洪立

函数的定义

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

javascript----函数

函数的定义

函数的调用

js内置对象

字符串函数

猜你喜欢

热点阅读