珠峰学习笔记
sluna27
这个作者很懒,什么都没留下…
展开
-
在js中动态增删改元素
在js中动态增删改元素createElement 创建元素createTextNode 创建文本对象appendChild 把元素添加到容器的末尾insertBefore 把元素添加到指定容器中指定元素的前面let box=document.createElement("div");box.id="boxActive";box.style.width="200px";box.style.height="200px";box.className='RED'//动态创建一个文本let原创 2021-01-27 12:48:31 · 137 阅读 · 0 评论 -
获取dom的几种方法&节点
DOM及其基础操作DOM:document object model 文档对象模型,提供一些属性和方法供我们操作页面中的元素####获取DOM元素的方法document.getElementByI的() 指定在文档中,基于元素的ID或者这个元素对象[context].getElementsByTagName() 在指定上下文(容器)中,通过标签名获取一组元素集合(不兼容IE6~8)document.getElements...原创 2021-01-26 17:16:46 · 759 阅读 · 0 评论 -
queryUrlParams方法
function queryUrlParams(url) { //获取?和#后面的信息 let askIn = url.indexOf("?"), wellIn = url.indexOf('#'), askText = "", wellText = ""; //#不存在 wellIn === -1 ? wellIn = url.length : null; //?存在 askIn >= 0 ? askTe原创 2021-01-18 15:36:31 · 263 阅读 · 0 评论 -
JS Math 常用方法
Math数学函数:他不是一个函数,它是一个对象,对象中存储了很多操作数字的属性方法,因此被称为数学函数。console.log(typeof Math);console.dir(Math);/*Math={ PI:3.141592653589793, abs:fucntion(){[native code]], ceil:function(){[native code]}, ...}Math.abs();Math.PI; */Math中常用的属性和方法原创 2020-12-27 17:09:32 · 299 阅读 · 0 评论 -
引用数据类型 函数 function
函数 function函数就是一个方法或者一个功能体,函数就是把实现某个功能的代码放到一起进行分装,以后想要操作实现这个功能,只需要把函数执行即可 =》“封装”:减少页面中的冗余代码,提高代码重复使用率(低耦合高内聚)洗衣机就是一个函数,生成洗衣机就是封装一个函数(把实现某些功能的代码封装进来),生产的时候,不知道用户洗衣服的时候放什么水、衣服、洗衣液,我们需要提供入口(提供的入口在函数中就叫做形参,执行的时候放的具体东西函数中叫做实参),洗完一度需要能拿出来,洗衣机提供一个出口(在函数中叫做返回值:把原创 2020-12-26 16:58:25 · 364 阅读 · 0 评论 -
JS实现选项卡小案列
HTML代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>选项卡</title> <link rel="stylesheet" href="CSS/tab.css" /> </head> <body> <div id="tabBox"> <ul id="navBox">原创 2020-12-26 16:57:25 · 115 阅读 · 1 评论 -
基本数据类型 对象
对象的基本结构及操作基本结构let person={ name:'wei', age:20, height:'185', weight:'80kg', 1: 100};获取属性名对应的属性值对象.属性名对象[属性名] 属性名是数字或者是字符串格式的如果当前属性名不存在,默认的属性值是undefined如果属性名是数字则不能用点的方式获取console.log(person.name);console.log(person['age']);console.log(person原创 2020-12-26 16:55:56 · 218 阅读 · 0 评论 -
基本数据类型 Number
number数据类型number数据类型包含:常规数字和NaNNaN—Not a Number:不是一个数但是是一个数字类型NaN和任何值(包括自己)都不相等NaN !==NaN 不能用相等的方式判断一个数是否为有效数字。isNaN检测一个值是否为非有效数字,如果为非有效数字返回true ,否则是有效数字返回false。(是数字返回false,不是返回true) console.log(isNaN(10));//输出false console.log(isNaN('aa'));//输出tr原创 2020-12-26 16:54:49 · 1849 阅读 · 0 评论 -
JS的判断语句:判断、循环
JS的判断语句:判断、循环判断条件成立做什么 条件不成立做什么1、if/else2、三元运算符(简单判断时用的)//1、如果处理的事情比较多,我们用括号包起来,每一件事情用逗号分隔//2、如果不需要处理事情,可以使用null/undefined占位a>0 &&a<20 ? (a++,console.log(a)) : null;语法://条件?条件成立处理的事情:不成立处理的事情;a>=10 ? console.log(“ok”) : consol原创 2020-12-26 16:53:58 · 899 阅读 · 1 评论 -
JS鼠标滑过变颜色 滑出变为原来的颜色
JS代码let newsBox = document.getElementById("newsBox"); let newsList = newsBox.getElementsByTagName("li"); /* 自定义属性编程思想: 前期把一些值存储到元素的自定义属性上,后期需要用到的时候 直接从属性上获取到这些值即可 */ for (let i = 0; i < newsList.length; i++) { let n = newsLis原创 2020-12-26 16:53:06 · 1370 阅读 · 0 评论