当前位置:首页 > Web开发 > 正文

Math.max()用于确定一组数值中的最大值

2024-03-31 Web开发

标签:

常见的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);//7

技术图片

三、基于元素节点树的遍历(遍历元素节点树):

parentElement //返回当前元素的父元素节点(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.floor(Math.random() * 总数 + 第一个值)

其他的要领

方 法 说 明
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