JavaScript

Posted 2020-09-28

  String、Array、Date、Math（前面4个只要能看文档写出来就可以）、全局函数、重载、bom、dom、document对象

1、js的String对象

创建String对象   var str =“abc”；

方法和属性

  属性 length：字符串的长度

  常用方法

（1）  与html相关的方法

bold（）：加粗  比如str.bold()

fontcolor（）：设置字符串的颜色 比如str.fontcolor（“red”）

fontsize（）：设置字符串的大小  比如str.fontsize（1）     范围1-7

link（）：将字符串显示为超链接  比如str.link（“超链接的地址”）

sub（）：下标     sup（）：上标

（2）  与java相似的方法

concat（）：连接字符串   比如str.concat(str2)

charAt（）：返回指定位置的字符串  比如str.charAt（索引位置）  如果字符不存在，返回空字符串

indexOf（）：返回字符串的位置   比如var str =“abc” str.indexOf(“a”)  如果没有就返回-1

split（）：切割字符串变成数组

replace（）：替换字符串  比如str.replace（“原来的值”，“替换后的值”）

substr（）: 比如str.sub（a,b）从第a位开始，向后截取b个字符

substring（） 比如str.sunstring（c,d）  【c,d)

2、js的Array对象

创建数组 var arr=[a,b,c.. ]；/ var arr = new Array{a,b,c..}; /var arr = new Array{3}; 数组长度为3

属性：length  数组的长度

方法 concat（）:数组的连接

join（）：使用指定的字符分割数组 比如str.join（“/”）

push（）：向数组的末尾添加元素，并返回数组的新长度   如果添加的是数组，那么就会把数组当成一个整体添加进去。

pop（）：删除最后一个元素，并返回被删除的那个元素

reverse（）：颠倒数组中的元素的顺序

3、js的Date对象

  toLocaleString：把日期格式化，转换成当前格式

如var date = new Date（）；

date.toLocaleString（）

 

getFullYear（）：得到当前的年

getMonth（）：得到当前的月（0-11） 所以后面要+1

getDay（）:返回这周的天（0-6） 星期天为0

getDay（）：返回当前的天

getHours（）：得到当前的小时

getMinutes（）：得到当前的分钟

getSeconds（）：得到当前的秒

getTime（）：1970年1月1日到至今的毫秒数   运用场景：使用毫秒数来处理缓存的效果

4、js的Math对象  里面都是静态方法，调用为Math.方法

ceil（x）：向上舍入     Math.ceil（）

floor（x）:向下舍入

round（x）：四舍五入

random（）：返回0-1的随机数

5、js的全局函数   由于不属于任何一个对象，直接写名称使用

eval（）：执行js代码

encodeURI（）：对字符进行编码

decodeURI（）：对字符进行解码

encodeURIComponent（）：对字符进行编码  

decodeURIComponent（）：对字符进行解码   涵盖范围比较多

isNaN（）:判断当前字符串是否是数字   返回true和false  是数字返回false，不是数字返回true

parseInt（）：类型转换

6、函数的重载      方法名相同，参数不同

                                js里面是否存在重载（面试题）

（1）  js里面不存在重载

（2）  但是可以通过其他方式来模拟重载的效果  aruguments数组模拟

7、js的bom对象 

 bom：broswer object model 浏览器对象模型

有哪些对象

（1）navigator：获取客户机的信息（浏览器的信息）

   格式：navigator.appName    这个是直接获取浏览器的名称

        document.write（navigator.appName）；

（2）screen：获取屏幕的信息

 直接输出 document.writr（screen.width）；  获取屏幕的宽度

（3）location ：请求url地址

  href属性

    a.获取到请求的url地址  document.write（location.href）；

b.设置url地址

  页面上设置一个按钮，按钮上绑定一个事件，当点击这个按钮，页面可以跳转到另外一个界面

代码：<input type = “button” value =“跳转” onclick =“href1();”/>

 function href1() {

   location.href=“hello.html”；

}

          onclick =“js的方法；”   鼠标点击事件

（4）history：请求的url的历史记录

history.go(-1)；  到上个页面

history.go(1)；   到下个页面

（5）  window    窗口对象、顶层对象  （所以的bom对象都是在window里面操作的）   最重要的

方法：

1.  window.alert（）  简写成alert（） 页面弹出一个框，显示内容
2. confirm（）  确认提示框

   如var flag =window.confirm（“显示的内容”）；

       3.prompt（）：输入的对话框  很少用了

window.prompt（“要显示的内容”，“输入的默认值”）；

      4.open（）：表示可以打开一个新的窗口

 open（“打开的新窗口的的资质”，“”，“窗口特征，比如宽度和高度”）；

    5.close（）：关闭窗口（浏览器兼容性比较差）

        做定时器

    f.setInterval（“js代码”，毫秒数）   1秒=1000毫秒

    如 window.setInterval（“alert（‘123’）；”，3000）; 每3秒弹出123

g.setTimeout（“js代码”，毫秒数） 表示是在毫秒数之后执行，但是只会执行一次

     如 window.setInterval（“alert（‘123’）；”，3000）;

h.clearInterval（id值）：清除setInterval（）

如 var id = window.setInterval（“alert（‘123’）；”，3000）;

      clearInterval(id);

i.clearTimeout（id值）：清除setTimeout（）

  如 var id2 = window.setInterval（“alert（‘123’）；”，3000）;

  clearTimeout(id2);

    8.js的dom对象

  dom:document object model 文档对象模型    

可以使用js里面的dom提供的对象的属性和方法对超文本文档进行操作

  文档：超文本文档（超文本标记文档）：html、xml

对象：提供了属性和方法

模型：使用属性和方法操作超文本文档

   要想对标记型文档进行操作，需要解析标记型文档

根据html的层级结构，在内存中分配一个树形结构，需要把html中的每部分（标签、文本、属性）封装成对象。

document对象：整个文档

element对象：标签对象

属性对象：

文本对象

Node节点对象：这个对象是所有对象的父对象

     如果在其他对象找不到想要的方法，这个时候到Node对象里面去找

DHTML：是很多技术的简称（html、css、dom、javascript（专门指的js的语法语句））

9、document对象  表示整个的文档

<input type= “text” name =“name1” value =“aaaa”/> input是标签 text和value 是元素   name1和aaaa是属性值

常用方法

  a.write（）  向页面输出变量（值）/向页面输出html代码

   比如 var  str =“abc”  document.write（str）；

  b.getElementById（“id值”）：通过id得到元素（标签）,需要返回值   一般这个用得最多，比较方便

  c.getElementsByName（）：通过标签的name的属性值得到标签，返回的是一个集合（数组）。 所以要遍历数组得到每一个数组对象

  d.getElementsByTagName（“标签名称”）：通过标签名称得到元素，返回是一个数组。

   注意： c和d由于返回的是一个数组，如果只有一个 ，那么如果要获取属性值，可以不用遍历，直接用数组下标获取

 如 var inputs = document.getElementsByName(“nameid”)[0]；

      opener：属性，获取创建当前窗口的窗