JS的温柔一面

来源:互联网 发布:25岁程序员的出路 编辑:程序博客网 时间:2024/04/27 11:56

今天又开始将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="跳转" onclick="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" onclick="back();"/>
      <input type="button" value="next" onclick="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()设置的定时器
        

0 0
原创粉丝点击