Math.max()用于确定一组数值中的最大值
标签:
常见的DOM获取方法 一、通过元素类型的要领来操纵:document.getElementById();//id名,在实际开发中较少使用,选择器中多用class id一般只用在顶级层存在 不能太过依赖id
document.getElementsByTagName();//标签名
document.getElementsByClassName();//类名
document.getElementsByName();//name属性值,一般不用
document.querySelector();//css选择符模式,返回与该模式匹配的第一个元素,功效为一个元素;如果没找到匹配的元素,则返回null
document.querySelectorAll()//css选择符模式,返回与该模式匹配的所有元素,功效为一个类数组
二、通过关系树来获取DOM(文档东西模型)可以将任何HTML、XML文档描绘成一个多条理的节点树。所有的页面都表示为以一个特定节点为根节点的树形布局。html文档中根节点为document节点。
所有节点都有nodeType属性,代表节点的差别类型,通过nodeType属性可以来判断节点的类型。经常使用的节点主要有以下几种类型
ement类型(元素节点):nodeType值为 1
Text类型(文本节点):nodeType值为 3
Comment类型(注释节点):nodeType值为8
Document类型(document节点):nodeType值为9;其规定的一些常用的属性有
document.body document.head 分袂为HTML中的 <body><head>
document.documentElement为标签
所有的节点都有 hasChildNodes()要领 判断有无子节点 有一个或多个子节点时返回true
通过一些属性可以来遍历节点树:
parentNode//获取所选节点的父节点,最顶层的节点为#document
childNodes //获取所选节点的子节点们
firstChild //获取所选节点的第一个子节点
lastChild //获取所选节点的最后一个子节点
nextSibling //获取所选节点的后一个兄弟节点 列表中最后一个节点的nextSibling属性值为null
previousSibling //获取所选节点的前一兄弟节点 列表中第一个节点的previousSibling属性值为null
<div id="myDiv"> <p>html</p> <p>css</p> <p>javascript</p> </div> <p>jquery</p> <script> var div = document.getElementById("myDiv"); alert(div.childNodes.length);//7parentElement //返回当前元素的父元素节点(IE9以下不兼容)
children // 返回当前元素的元素子节点
firstElementChild //返回的是第一个元素子节点(IE9以下不兼容)
lastElementChild //返回的是最后一个元素子节点(IE9以下不兼容)
nextElementSibling //返回的是后一个兄弟元素节点(IE9以下不兼容)
previousElementSibling //返回的是前一个兄弟元素节点(IE9以下不兼容)
Math东西的要领都有哪些?min()和max()要领
Math.min()用于确定一组数值中的最小值。Math.max()用于确定一组数值中的最大值。
舍入要领
Math.ceil()执行向上舍入
Math.floor()执行向下舍入
Math.round()执行标准舍入
random()要领
Math.random()要领返回介于0到1之间一个随机数,不包孕0和1。如果想大于这个范畴的话,可以套用一下公式:
其他的要领
方 法 说 明Math.abs(num) 返回num的绝对值
Math.exp(num) 返回Math.E的num次幂
Math.log(num) 返回num的自然对数
Math.pow(num,power) 返回num的power次幂
Math.sqrt(num) 返回num的平方根
Math.acos(x) 返回x的反余弦值
Math.asin(x) 返回x的横竖弦值
Math.atan(x) 返回x的横竖切值
Math.atan2(y,x) 返回y/x的横竖切值
Math.cos(x) 返回x的余弦值
Math.sin(x) 返回x的正弦值
Math.tan(x) 返回x的正切值
cookie、sessionStorage和localStorage区别,如何断根存储 cookie
cookie是用于客户端和处事端通信,自己具有存储成果。
使用document.cookie获取
断根cookie:
//断根所有cookie函数 function clearAllCookie() { var keys = document.cookie.match(/[^ =;]+(?=\=)/g); if (keys) { for (var i = keys.length; i--;) document.cookie = keys[i] + '=0;expires=' + new Date(0).toUTCString() } }有效期:在cookie过期时间之前有效,即使封锁了浏览器或窗口
会话cookie在浏览器封锁是断根
cookie的存储量小,最多存储4KB
会始终在请求中携带,会影响资源的获取效率
localStorage和sessionStorage 配合点:都是H5专门为了存储设计的api,最大容量是5M
简单好用,语法类似
—— localStorage.setItem(key, value);localStorage.getItem(key)
——sessionStorage.setItem(key,value);sessionStorage.getItem(key)
差别点:数据有效期差别,sessionStorage只在当前浏览器或窗口封锁时候有效,localStorage除非主动断根,不然一直存在。
localStorage撑持事件通知机制,可以把数据更新通知给监听者
温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/web/32877.html