今天又开始将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()设置的定时器