资料昨回顾笔记day12

昨日回顾内置对象String对象字符串的个数objStr.lengthobjStr[下标访问字符串某个字符在字符串这类数据上有哪些操作：在一个字符串中找某个位置上字符：objStr.charAt(位置在一个字符串中找某个字符的位置：objStr.昨日回顾内置对象String对象字符串的个数objStr.lengthobjStr[下标访问字符串某个字符在字符串这类数据上有哪些操作：在一个字符串中找某个位置上字符：objStr.charAt(位置在一个字符串中找某个字符的位置：objStr.indexOf(字符objStr.lastIndexOf(字符在一个字符串中找某个字符的编码：objStr.charCodeAt(位置在一个字符串中截取一段字符：给开始位置，给截取长度或截取个数：objStr.substr(start【len】objStr.substring(start【num】比较两个字符串：大小写转换：objStr.toLowerCase()objStr.toUpperCase();分割：objStr.split(分割符Math对象Math.max();Math.min();Math.floor();Math.ceil();Math.abs();Math.pow();Math.sqrt();Math.round();返回的是从01之间的随机小数Math.random();Math.floor(Math.random()*(n-m+1)Math.round();返回的是从01之间的随机小数Math.random();Math.floor(Math.random()*(n-m+1))Number对象objNum.toFixed(小数位保存指定倍数的小数四舍五入Array对象objArr.lengthobjArr.pop()objArr.push();objArr.shift();objArr.unsift();objArr.splice(start【num【e1e2e2…】】objArr.join(连接符objArrA.concat(objArrobjArr.reverse();默认只按字符串的编码进行升序排序objArr.sort();如果相实现其他的排序方式，可以自定义排序规则：objArr.sort(sorting);functionsorting(m,数值大小排序使用第1个参数2个参数，实现的升序returnm-使用第2个参数1个参数，实现的降序returnn-}functionsorting(m,数值大小排序实现的升序returnm.localeCompare(实现的降序returnn.localeCompare(}Date实现的升序returnm.localeCompare(实现的降序returnn.localeCompare(}Date对象创建方法：newDate();newDate(年月日时分秒newDate(“man252016objDate.getFullYear();objDate.getMonth();objDate.getDay();objDate.getDate();objDate.getHours()objDate.getMinues();objDate.getSeconds();objDate.getMillseconds();objDate.getTime();BOM浏览器对象的模型BrowserObjectModel浏览器对象的模型，浏览器公司在生产浏览器时会按一定的标签模型，将浏览器设计成多个对象的集合。一、Window对象是浏览器中最大的一个对象，也是js最大的作用域对象，或js的运行环境对window象。1、常用属性：内容的宽度window.inner内容的高度window.innerHeight浏览器的外高度window.outer一、Window对象是浏览器中最大的一个对象，也是js最大的作用域对象，或js的运行环境对window象。1、常用属性：内容的宽度window.inner内容的高度window.innerHeight浏览器的外高度window.outer浏览器的内高度window.outerHeight;2、常用的方法：window.confirm(提示信息弹出一个需要用户确认的交互对话框如果用户点了确定按钮，会返回true，否则返回falsewindow.open(url,name,options);打开一个新的窗口，显示url的内容name窗口名设置窗口的外观optionswidthheightwinid名close();说明：关闭指定的窗口winid名是window.open方法的返回值window.setTimeOut(funwinid名是window.open方法的返回值window.setTimeOut(funName,millisecond);说明：设置一个延时器funName是完成一些效果的js函数milliscecond是毫秒数在millisecond指定的毫秒数后，执行一次funName函数。此函数会返回一个延时器的标识。window.clearTimeout(timer);说明：timer是setTimeout的返回值用于清除延时器window.setInterval(funName,milliseconds);说明：funNamewindow.setInterval(funName,milliseconds);说明：funName是一个完成一定功能的函数milliseconds是一个毫秒数设置一个定时器作用每间隔milliseconds指定的毫秒数后执行一次funName这个函数此方法会返回一个代表当前定时器的标识。window.clearInterval(timer);说明：timer是setInterval的返回值用于清除timer指定的定时器案例：效果打开网页会出现时分秒按停止会停止时间跳动然后按开始又继续跳动案例：效果打开网页会出现时分秒按停止会停止时间跳动然后按开始又继续跳动二、navigator对象navigator对象navigator是window的子对象，访问时可以省略window对象navigator导航，记录了浏览器软件的信息1、常用的属性：浏览器软件内核核心代码名子appnavigator.app1、常用的属性：浏览器软件内核核心代码名子appnavigator.appnavigator.appVersion 浏览器软件内核版本appVersionnavigator.userAgent; 浏览器软件的全部信息userAgent三、location对象location是浏览器的地址对象，记录了当前网址的相关信息网址：http://www.itcast.com:5000admin/index.html?name=zhangsa&age201、常用的属性可读，可写的属window.location.window.location.href=url（网址网址：http://www.itcast.com:5000admin/index.html?name=zhangsa&age20获取url中的协议信息window.location.protocolhttp:网址：http://www.itcast.com:5000admin/index.html?name=zhangsa&age20获取url中的协议信息window.location.protocolhttp:获取url中的主机信息window.location.:5000获取url中的主机名window.location.hostwww.itcast.获取url中的端口号window.location.5000获取文件的路径window.location.admin/index.获取url中的搜索信息window.location.search?name=zhangsa&age=获取url中的锚点信息window.location.#四、history对象history对象维护浏览器当前进程中访问过的页面的历史记录列表。1、常用的属性获取历史记录的长度（当前进程中访问过多少个页面window.history.length2、常用的方法在当前历史记录列表中上一页window.history.back();在当前历史记录列表中下一页window.history.forward();window.history.go(n的取值可以正数，或负数如果是正数：在当前历史记录列表中下n2、常用的方法在当前历史记录列表中上一页window.history.back();在当前历史记录列表中下一页window.history.forward();window.history.go(n的取值可以正数，或负数如果是正数：在当前历史记录列表中下n如果是负数：在当前历史记录列表中上nback返回forward前进五、screen对象获取屏幕属性1、常用的属性获取屏幕的宽度window.screen.获取屏幕的高度window.screen.height屏幕可用的宽度window.screen.availWidth屏幕可用的高度window.screen.avail六、DOMDocumentObjectModel文档对象模型文档：html文档对象：html文档中有各种标签，那么这些标签就是标签对象。六、DOMDocumentObjectModel文档对象模型文档：html文档对象：html文档中有各种标签，那么这些标签就是标签对象。模型：将一个HTML文档使用一种树状结构描述出来。树是一种学数概念，将具有层级的结构用图形的方式表现出来。表格标签的theadtbodytfoot，此三个标签主要用于对表格进行逻辑上的划分。当一个表格中的tr没有位于任何的theadtbodytfoot中，浏览器在显示表格时，会自动创建一个tbody来包含这些DOM模型七、DOM操作首先明确：html文档中有html标签在js中任何一个html标签都对应一个标签对象html标签中有属性、双边标签内容、标签的css样式，那么在js就对应的对象上也有一个属性与之相对应。JShtml文档中有html标签在js中任何一个html标签都对应一个标签对象html标签中有属性、双边标签内容、标签的css样式，那么在js就对应的对象上也有一个属性与之相对应。JS中对DOM的操作步骤：1步：获取标签，获取到就是js的标签对象第2步：操作属性、双边标签内容、标签的css样式JS中dom操作1.获取标签2.操作属性双边标签内容标签的css样式1、获取标签①、通过标签的id值获取标签对象通过标签的id值去获取标签对象语法：document.getElementById(‘标签的id值说明：用于获取与指定的id值相同的标签，并返回标签对象。getElementById()此方法，只有document对象有。此方法只返回1个对象Document.getElementById()这种方法只返回一个对象效果：②、通过标签名获取标签对象语法：父对象getElementsBy效果：②、通过标签名获取标签对象语法：父对象getElementsByTagName(‘标签名父对象getElementsByTag说明：***获取指定的父对象内的所有给定的标签名，所有的标签对象，并返回***此方法会返回一个集合无论是否获取到元素或获取到1个元素也是一个集合***如果想看这个集合中有多少个元素可以使用length查看***如果想获取到集合中的具体的标签对象可以使用访问数组元素的方式获取具体的标签对象③、通过某些标签的name属性值获取1．通过某些标签的name属性值来获取语法：document③、通过某些标签的name属性值获取1．通过某些标签的name属性值来获取语法：document.form表单的name属性值表单元素的name属性值④、通过DOM节点树的关系获取所有的子节点.childNodesparent 获取父节点获取下一个兄弟节点.nextparent 获取父节点获取下一个兄弟节点.nextSibling获取上一个兄弟节点.previousSibling.frist-child.last-child标签对象的属性2、.frist-child.last-child标签对象的属性2、用于获取或设置一个双边标签的内容包含被包含html标签.inner用于获取或设置双边标签的内容不包含标签.textContent用于获取或设置具有value属性的表单元素的内容.用于获取标签名.nodeinnertextContentvalueinnertextContentvaluenode3、表格特有的属性tBodies node3、表格特有的属性tBodies 获取表格中所有的tBody标签，是一个集合，访问集合中的具体的元素使用访问数组元素的方式获取具体的tbody中所有的tr标签，是一个集合，问集合中的具体的元素使用访.问数组元素的方式获取具体tr中所有的td标签，是一个集合，问集合中的具体的元素使用访问数.cells组元素的方式tBodiescellscells4、标签本身的操作①、创建一个标签语法：4、标签本身的操作①、创建一个标签语法：document.createElement(‘标签名说明：此方法只有document对象有，会返回一个新创建的标签对象新创建的对象仅位于内存中，在页面上看不到②、添加标签语法：父元素appendChild②、添加标签语法：父元素appendChild(新创建的对象说明：向父元素中追加新创建的对象③、删除标签语法：父元素removeChild③、删除标签语法：父元素removeChild(子元素说明：主要用于从父元素中删除子元素5、标签属性的操作此节占的标签属性指是5、标签属性的操作此节占的标签属性指是html标签的属性，不包含c①、获取属性标签对象标签属性名标签对象getAttribute(‘属性名②、设置属性标签对象标签属性名值标签对象set②、设置属性标签对象标签属性名值标签对象setAttribute(‘属性名’,’属性值③、删除属性语法：标签对象属性名标签对象removeAttribute(‘属性名6、特殊的属class属性6、特殊的属class属性7、标签对象css样式(脚本样式语法：标签对象style=””;说明：如果一次性设置可以使用此语法如果单设置其中的一个会出现，样式的丢失语法：标签对象stye.脚本样式说明：脚本样式与css样式的区别：如果一个语法：标签对象stye.脚本样式说明：脚本样式与css样式的区别：如果一个css样式由两个或以上单词组成，那么脚本样式就是去掉连字符(-)，采用小驼峰，就是脚本样式。八、事件编程1、事件事件是js中的跳动心脏。事件就当用户在浏览网页时事件就会发生，例如：用户点击某个标签，鼠标移过某个标签，或按键盘上某个键子。当事件发生时浏览器会一直监视事件的发生，并在事件发生时，查看此事件是否有绑定事件处理程序，如果有就执行。2、事件分类①、鼠标事件当鼠标移入某个标签时，触发此事件onmouseover当鼠标在某个标签上移动时，触发此事件onmousemove当鼠标移出某个标签时触发此事件onmouseout②、键盘事件当键盘按下时，触发此事件onkeydown介于onkeydown2、事件分类①、鼠标事件当鼠标移入某个标签时，触发此事件onmouseover当鼠标在某个标签上移动时，触发此事件onmousemove当鼠标移出某个标签时触发此事件onmouseout②、键盘事件当键盘按下时，触发此事件onkeydown介于onkeydown与onkeyup之间的事件onkeypress当键盘释放时，触发此事件onkeyup③、基本事件单击时触发此事件onclick双击时触发此事件ondblclick当文本框获取焦点时触发此事件onfocus当文本框失去焦点时触发此事件onblur当表单form提交时，触发此事件主要用于表单验证onsubmit当表单form③、基本事件单击时触发此事件onclick双击时触发此事件ondblclick当文本框获取焦点时触发此事件onfocus当文本框失去焦点时触发此事件onblur