首页 > 其他分享 >JS前期数组、字符串、时间、定时器、DOM\BOM事件方法等总结

JS前期数组、字符串、时间、定时器、DOM\BOM事件方法等总结

时间:2022-11-22 20:23:32浏览次数:35  
标签:arr 下标 DOM 元素 JS BOM 数组 字符串 类名

1.字符串方法

        .charAt(对应字符元素下标)——根据下标查找字符串内元素

        .charCodeAt(对应字符元素下标)——根据下标查找字符串某元素在unicode的编码位置

        .indexOf(‘元素内容’)——根据字符查找字符串内元素下标

        提取出截取的部分字符串:

              .substr(起始下标,截取长度)

                .substring(起始下标,结束时的下标)包前不包后

                .slice(起始下标,结束时的下标)包前不包后

       .toUpperCase——字符串中英文字符全部大写

       .toLowerCase——字符串中英文字符全部小写

       .replace(‘被替换的原内容’,‘用来替换的内容’)——替换字符串中的字符

       .spilt(‘分隔符’)——字符串转数组,同时也可用分隔符在数组内分割,可用下标找对应值

       .join(‘连接字符串的符号’)——数组转字符串,参数为字符串连接符

        JSON对象:由{}括起来的键值对,每两个键值对用逗号分开

              JSON.parse(字符串变量名)——JSON字符串转对象

              JSON.stringify(对象变量名)——JSON对象转成字符串

 

 

2.数组方法

         arr.push(‘追加内容’)——数组后面追加元素

         arr.pop()——从数组后面删除一个元素,无参数

         arr.unshift(‘添加内容’)——数组前面追加元素

         arr.shift()——数组前面删除一个元素,无参数

         删除值返回删除的元素,添加值则返回新的数组长度

         arr.splice(下标位置,删除几个,”添加内容”)——数组指定位置增加或 删除,参数至少有一个

         arr.reverse()——数组反转

         arr.sort——分别按照个位、十位大小排序

         arr.sort(function(a,b){return a-b })——调用函数,从小到大排序

         以上都会改变原数组

 

         arr1.concat(arr2,arr3)——数组的连接

         arr.join(‘字符串连接符’)——数组转为字符串输出,不添加连接符默认为,

         arr.IndexOf(‘需查询元素’)——查询数组元素对应下标,如有重复只显示       第一个下标

         arr.lastIndexOf(‘需查询元素’)——查询重复元素最呕一次出现的下标

         以上不会改变原数组

 

         arr.forEach(function(item, index,arr){      })——数组的遍历

 

3.Math是一个内置对象

         Math.round(‘数值变量’)——四舍五入

         Math.floor(‘数值变量’)——向下取整

         Math.ceil(‘数值变量’)——向上取整

         Math.abs(‘数值变量’)——取绝对值

         Math.random(‘数值变量’)——取0-1之间的随机数,包前不包后

         Math.max(‘数值变量1’,‘数值变量2’,‘数值变量3’)——取最大值,最   小值同理

 

4.Date方法

         var time = new Date())——获取当前时间

         var time = new Date('2011-1-1 12:00:00’))——赋值一个时间参数                      

         time.getFullYear())  ——得到年份

         time.getMonth()+1)——得到月份

         time.getDate())——得到几号

         time.getHours()) ——得到小时

         time.getDay()) ——得到一周的第几天

         time.getTime(new Date())——得到毫秒数

 

5.定时器

         setInterval(function(){      },毫秒数)——按间隔毫秒数重复执行

         setTimeout(function(){    },毫秒数)——到约定毫秒数,执行一次结束

 

6.Dom-文档对象

         获取元素方法:

         docunment. getElementById(“ID名”)——通过id获取body内的元素

         docunment.getElementsByClassName(‘class类名’)——通过class类名获取元素,结果是伪数组

         docunment.getElementsByTagName(‘标签名,如span’)——通过标签名获取元素,结果是伪数组

         获取元素新方法:

         document.querySelector(‘标签、ID、class类都可以,样式和css一样’)——拿到符合条件的第一个元素

         document.querySelectorAll(‘选择器’)——,拿到符合条件的所有元素,结果是一个伪数组

         写入操作

         box.innerHtml = “要写入的内容”——可以在js中读和写box的内容,可解析标签字符串

         box.innerText = ‘要写入内容’——可读写,不能解析标签

         Text.value = “要修改的内容”——可以针对input直接修改值

         类名操作

         div.className = “要添加或修改的类名”——修改类名

         div.className = “类名1,类名2”——追加类名

         属性操作

         div.属性名 = ’属性值‘——自定义属性,可读可写

         div.setAttribute(‘属性名’,‘属性值’)——添加属性

         div.getAttribute(’属性名’)——获取属性,返回值是属性值

         div.removeAtribute(‘属性名’)——移除属性

 

7.Bom-浏览器对象

         事件

         window.onload = function(){   }——加载事件,等页面的资源都加载完后,在值执行下面的代码

         window.onresize = function(){ } ——页面尺寸改变

         window.onscorll= function(){ }——页面滚动事件

                   docunment. getElement.scrollTop——向上滚动过的距离,浏览器不兼容,形式比较多

         window.innerheight\ window.innerwidth——可视窗口的宽高,没有px

         Window.scrollTo(x方向,y方向)——距离浏览器两边的位置距离

 

         存储

         localStorage.setItem(‘键’,‘值’)——增加键值存储

         localStorage.getItem(‘键’)——根据键名插查询存储的值,返回为字符串

         localStorage.removetem()——清除所有键和值

         localStorage本地持久存储,页面关闭也不会删除

         sessionStorage用法同上,临时存储,页面关闭时数据就删除了

标签:arr,下标,DOM,元素,JS,BOM,数组,字符串,类名
From: https://www.cnblogs.com/eight-eyes-fish/p/16916337.html

相关文章

  • JS业务
    1.页面的动态绑定2.事件处理3.生命周期函数4.网络请求<templete><view><text>{{title}} </text><textv-for="(item,index)inlist":ke......
  • bitconin-cli 私有链搭建及jsonrpc-api
    精通比特币第三章,讲了如何编译等最后搭建成功之后执行:bitcoind-regtest-daemon后台运行私有链,不加-regtest默认公有链,包括之后对私有链操作,加上-regtest即可如果为了以......
  • [译]Golang中JSON和结构体的组合使用
     原文地址:http://attilaolah.eu/2014/09/10/json-and-struct-composition-in-go/ 假设你正在把一个JSON对象解码为Go的结构体。该JSON来自不受你控制的服......
  • GJSON的使用
    GJSON的使用 简介什么是Gjson:GJSON是一个Golang包,它提供了一种快速,简单的方法来从json格式文档中获取值。它拥有比如单行检索,用"."符号来寻找路径......
  • JS正则表达式、while循环
    <!-- while循环 while循环会在指定条件为真时循环执行代码块。 语法: while(条件) { 需要执行的代码 } do/while循环是while循环的变体。该循环......
  • DOM_Node对象与案例4_动态表格_添加
    DOM_Node对象节点可以是元素节点、属性节点、文本节点,或者也可以是"节点类型"那一节中所介绍的任何一种节点。请注意,虽然所有的对象均能继承用于处理父节点和子节点的属性......
  • js - iframe更改src后,浏览器后退只能后退iframe,不能使父页面后退解决办法
    浏览器的机制如此,在iframe导航变化后手动点击浏览器的后退按钮也依然只是后退iframe中的导航。有一种解决方案是不要修改iframe.src,而是删除旧iframe元素,新建一个iframe元......
  • bpmnjs的基本使用(vue)
    bpmn-js在vue中的基本使用效果:下载依赖包npmibpmn-jsbpmn-js-properties-panelcamunda-bpmn-moddle"bpmn-js":"^10.3.0","bpmn-js-properties-panel":"^1.1......
  • MDFEND: Multi-domain Fake News Detection
    MDFEND:Multi-domainFakeNewsDetectionMDFEND:多领域假新闻检测作者:南琼、曹娟  CIKM2021shortpaper论文地址:https://arxiv.org/pdf/2201.00987.pdf数据集和......
  • Fast_JSON数据和JAVA对象之间的转换
    JSON数据和JAVA对象之间的转换 json字符串转java对象   java对象转json字符串  ......