javascript----函数

函数的定义

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
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容