JS的温柔一面

    xiaoxiao2021-04-14  62

    今天又开始将JS中一些知识复习了一遍,感觉在这些方面上JS表现的是一个温柔的女子,让人比较容易理解,但实际上,JS却是一个野姑娘,还需要继续深入了解,今天就简单地写下JS的温柔一面,若有其他朋友有更好的小结或者想法,尽管提出,谢谢!

    1.JS的String对象   和Java类似的方法:     str.length()     str.concat(str1)——str连接str1     str.charAt(int index)——返回指定的字符(如果字符位置不存在,那么返回空字符串)     str.indexOf("char")——返回指定字符的位置(如果该字符不存在,则返回-1)     str.split()——切割字符串成数组     str.replace(原始字符对象,需要替换成的字符对象)——替换字符     str.substr(开始位置,截取字符个数)——返回指定的子字符串     str.substring[开始位置(从0开始),结束字符位置)——返回指定的子字符串(取前不取后)   与HTML相关的方法:     str.bold()——字体加粗     str.fontcolor("red")——设置字体颜色     str.fontsize(5)——设置字体大小     str.link(url("链接地址"))——将该字符串设置成超链接     str.sub()——下标     str.sup()——上标 2.JS的Array对象    数组创建三种方式:    var arr=[1,2,3]|| var arr=new arr[1,2,3]||var arr=new arr(3);    方法:     arr.concat(arr1)——arr和arr1连接     arr.join("-")——将几个字符通过"-"连接起来     arr.push("Cecilia"||arr1)——将"cecilia"或者arr1加入arr中,返回新的数组,实质上是加入一个元素,无论是数组还是单个字符串,都是将其当做一个整体的元素加进去,返回新的数组长度;     arr.pop()——将数组中最后一个元素进行删除,返回删除的元素     arr.reverse()——反转 3.JS的Date对象     获取当前日期对象:    在Java中:Date date=new Date();//格式化:toLocalString()    在JS中:var date=new Date();//还需要转化成习惯的格式              document.write(date.toLocalString());    获取当前年的方法:date.getFullYear()    获取当前月份的方法:date.getMonth()+1——注意返回的是0-11月份,需要加一    获取当前星期的方法:date.getDay()——返回的是0-6,从周日开始    获取当前的天的方法:date.getDate()——返回1-31    获取当前的小时:date.getHour()    获取当前的分钟:date.getMinute()    获取当前的秒:date.getSecond()    获取毫秒数:date.getTime()——返回的是1970年1月1日到现在的毫秒数;     应用场景:是用毫秒数来处理缓存的效果(http://www.baidu.com?毫秒数) 4.JS中的Math对象    Math.ceil(x)——向上取整,3.1—》4;-2.8—》-2;    Math.floor(x)——向下取整,3.6—》3;-3.2—》-4;    Math.round(x)——随机得到随机数0-1    得到0-9的随机数:Math.floor(Math.round()*10)    Math.pow(x,y)——x的有次方 5.函数(面试中会出现):   什么是重载?——方法名相同,参数不同   JS中存在重载吗?JS中不存在函数重载,但是可以通过arguments数组来模拟重载的效果。   function add(){ //比如传进去的是两个参数     if(arguments.length==2){    return arguments[0]+arguments[1]; }else if(arguments.length==3){     return arguments.[0]+arguments[1]+arguments[2]; }else if(arguments.length==4){     return arguments[0]+arguments[1]+arguments[2]+arguments[3]; }else{return 0;} } 6.BOM对象——浏览器对象   Screen——获取屏幕的信息   navigator——获取客户机信息(浏览器信息,如:navigator.appName)   location——请求url地址       href属性:location.href——获取到请求的url地址       设置url地址:平面上安置一个按钮,按钮上绑定一个事件,当点击会发生页面跳转。    eg:<input type="button" value="跳转" οnclick="href();">       <script>           function href(){   location.href="Hello.html"; }       </script>    history——请求的url的历史纪录      hsitory.back()|| history.go(-1);——跳转到上一个页面;      history.forward()|| history.go(1);——跳转到下一个页面;    eg:       <input type="button" value="back" οnclick="back();"/>       <input type="button" value="next" οnclick="next();"/>       <script>           function back(){         history.back();||history.go(-1);//         }           function next(){ history.foward();||history.go(1);//        }       </script>    window对象——窗口对象||顶层对象       方法:          Window.alert("提示:")——弹出提示框         window.confirm("是否删除?")——这是一个Boolean类型,返回值为true或者false;         window.prompt("输入的提示语句","输入的默认值")——输入框         window.open("打开的新窗口地址","""窗口特征比如窗口的宽高")——打开一个新的窗口         eg:window.open("Hello.html","","width=200px,height=200px")         window.close()——存在浏览器的兼容性问题         定时器——setInterval(function(){},毫秒数)——每隔一个          毫秒数执行一次                   setTimeout()——在毫秒数之后执行,但只会执行一次         clearInterval();——清除setInterval设置的定时器         clearTimeout();——清除setTimeout()设置的定时器         

    转载请注明原文地址: https://ju.6miu.com/read-670596.html

    最新回复(0)