![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JS
前端小布丁
这个作者很懒,什么都没留下…
展开
-
js轮播图(原生)
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{margin: 0; padding: 0;} #containe...原创 2020-02-06 12:40:19 · 83 阅读 · 0 评论 -
js—DOM对象
DOM方法:1)获取父节点的方法(1)获取该节点的父节点console.log(ul_li[0].parentNode;)(2)获取该节点的父元素节点console.log(ul_li[0].parentElement;2)子节点的获取方法(1)获取该节点的子节点,获取所有的子节点,不分类型console.log(ul[0].childNodes);(2)获取并返回该节点的...原创 2020-02-06 11:11:52 · 96 阅读 · 0 评论 -
js字符串
string字符串传统方法创建一个字符串通过new:var str = new string(“zfc”)字面量方法:var strTwo = “acdefg”字符串中的方法:1)charAt():返回指定位置的字符2)length:字符串的长度3)charCodeAt():返回指定位子的字符串的Unicode编码4)fromCharCode():接收一个UniCode编码...原创 2020-02-05 20:30:49 · 120 阅读 · 0 评论 -
js数组排序
数组排序,通过两个数值对比,若果前面一个数大,那么通过一个新变量(空的)来交换位置var arr = [19,4,2,54,12,1,3] for(var i=0; i<arr.length-1; i++){ for(var j=i+1; j<arr.length; j++){ if(arr[i]>arr[j]){ /...原创 2020-02-05 19:32:43 · 164 阅读 · 0 评论 -
js数组去重
去重代码示例:function arr(arrTwo){ for(var i=0; i<arrTwo.length; i++){ for(var j=i+1; j<arrTwo.length; j++){ //通过前一个数和后一个数的对比 if(arrTwo[i]==arrTwo[j]){ ...原创 2020-02-05 17:28:58 · 96 阅读 · 0 评论 -
js数组
数组的基本概念:1)什么是数组数组是存储一个或多个数据的容器,它是一组内存空间,通常用来批量处理数据,这组内存空间名字叫做数组。2)数组的特点数组是个不挑食的家伙,对齐自身储存的数据并没有什么要求,无论是数量还是类型,通过数组下标从来管理数组元素。3).length数组名.length表示数组的长度,也是数组当前存储元素的个数,因为下标从0开始,所以数组长度-1表示数组最后一个元素的下...原创 2020-02-05 16:53:32 · 494 阅读 · 0 评论 -
js随机色
颜色的赋值方式:1、通过英文名2、通过rgb三原色调配比例,赋值大于0,小于255;3、通过16进制来匹配(一般不用)透明度:opacity;1为不透明,0为完全透明;随机色代码示例:<body> <div class="box"></div> <div style="width: 100px; height: 100px; ba...原创 2020-02-05 16:08:41 · 143 阅读 · 0 评论 -
js—Math对象
Math对象和js提供给开发者的一款内置常见数学公式对象,所有的Math对象中的方法,都会有返回值;随机数randomMath.random()*(较大数-较小数)+较小数1、范围只确定终点的随机数起点默认为零:var one = Math.random()*10;console.log(one);2、范围两端都确定的 随机数:var two = Math.random()*(10...原创 2020-02-05 15:18:36 · 117 阅读 · 0 评论 -
js变量的作用域
变量的声明:var s;变量的定义:var s = 10;全局变量:不在函数中声明或定义(之前的写法);它的作用范围,是当前整个文件,任何地方都可以获取并修改它。局部变量:定义或声明在函数中的变量,当函数执行结束后,这个变量被回收。分支和循环结构,并不能产生局部变量,他们产生的是全局变量。 var s = 1; function num(){ var n = 10; s ...原创 2020-02-05 13:24:01 · 82 阅读 · 0 评论 -
js回调函数(函数嵌套)
函数嵌套:不允许嵌套定义,嵌套的是调用//比较两个 数的大小function TwoNumber(av,bv){ return av>bv ? av:bv;}var sml = TwoNumber(1,2);//比较三个数的大小function ThreeNumber(a,b,c){ var s = TwoNumber(a,b); return s > c ?...原创 2020-02-05 13:10:08 · 1033 阅读 · 0 评论 -
js初见函数
函数的作用:避免重复性功能的代码,适用性更广。函数的整体语法:1.定义函数: 声明函数的关键字 函数名(参数) function myFun(){ arguments(内置对象) 函数体(也就是,需要执行的功能)}重要事项:1)函数值定义,不调用的话是不执行的2)函数在哪里里调用,就在哪里执行3)函数调用的次数不限函数的四种形态...原创 2020-02-05 11:59:35 · 135 阅读 · 0 评论 -
js获取页面元素
获取页面元素的四种方式:1、通过标签名来获取:var box = document.getElementsByTagName("div")[2];console.log(box);2、通过class名来获取var box2 = document.getElementsByClassName("div1")[0];console.log(box2);3、通过id名来获取var b...原创 2020-02-03 15:24:21 · 263 阅读 · 0 评论 -
循环语句break和continue
break和continue:相同点:都可以改变循环执行的状态,都不能单独使用;之后的代码都不再执行不同点:1)break在分支语句中,用于结束整个分支语句;continue则不是2)在循环中,break结束当前整个循环,继续执行下一个功能;continue则是结束本轮循环,继续下一轮循环...原创 2020-02-02 16:33:07 · 155 阅读 · 0 评论 -
js—while循环、for循环
while循环语句:1)循环变量,记录循环的次数var x = 0;2)循环条件while ( x < 3 ){}3)循环体console.log(“武汉,加油”);4)循环增量x++; }``for循环语句:for(1、循环变量;2)循环条件;4)循环增量){3)循环体}for(var i = 0;i<2;i++){ console.log(“...原创 2020-02-02 16:26:55 · 189 阅读 · 0 评论 -
js数据类型转换
1、隐式转换(自动转换):变量里,存储的数据是什么类型,这个变量就是什么类型var a = 10;a="1";2、显示转换(手动转换)1)parseInt():将小括号中的内容,转换为Number类型,并返回console.log(typeof a);//stringconsole.log(typeof parseInt(a));//Number2)String():将括号中的内...原创 2020-02-02 12:32:06 · 103 阅读 · 0 评论 -
js—switch.case 多分支语句
switch分支语句作用:提供了多个分支,功能类似if-else级联式,但是代码的可读性更好语法:switch(表达式){ case 值1: 代码段1 break; case 值2: 代码段2 break; case 值3: 代码段3 break; default...原创 2020-02-02 12:17:19 · 1575 阅读 · 0 评论 -
js—if语句
分支语句或者分支结构if语句,语法:if(表达式){ 代码段}如果表达式为真,执行大括号中的代码,否则直接跳过,不执行var x = 10;if ( x < 10 ){console.log(“我是真的”)}如果表达式为真,执行代码段1,否则执行代码段2if (表达式){ 代码段1}else{ 代码段2}if语句的级联式:if (表达式1){ 代码段...原创 2020-02-02 11:38:54 · 1468 阅读 · 0 评论 -
js逻辑运算符
逻辑 与 &&语法:最后结果 = 表达式1 && 表达式2逻辑与:两个表达式,都为真,最后结果才是true,有一个是假的,结果就是false,一假即假var a = 2 < 3 && 6 < 5;console.log(a);//false逻辑 或 ||语法和逻辑与一致注意点:逻辑与是一假即假,逻辑 或 是只要有一...原创 2020-02-01 20:20:26 · 115 阅读 · 0 评论 -
js关系运算符
关系运算符:> 大于var a = 1 > 2;console.log(a);< 小于var num = 19;var sum = 20;var maxNumber = suv < num;console.log(maxNumber);== 等于数值相同即可,哪怕数据类型不同,也会返回truevar s = 10;var m = "10";...原创 2020-02-01 19:50:37 · 201 阅读 · 0 评论 -
js算术运算符
1、创建变量(分两步)1)声明变量 var a; 向系统申请一块内存 叫做a2)定义变量 a=1; 向已经存在的变量赋值数字13)声明且定义 var b = 2;var a = null;算术运算符可以操作常量,也可以操作并保存变量var a1 = 1+1;变量是可以修改的,多次赋值,会覆盖上一次的值。...原创 2020-02-01 19:32:24 · 607 阅读 · 0 评论 -
创建一个javascript页面
js的外联引入方式:<script src="外联js.js"></script>js的内联样式:<script type="text/javascript"> var a = "王又又"; console.log(a); var a = "1"; console.log(a); alert(a); console.log(typ...原创 2020-01-31 20:34:36 · 937 阅读 · 0 评论 -
了解JS
学习要点:1.什么是JavaScript2.JavaScript特点 3.JavaScript历史4.JavaScript核心5.JavaScript能做什么一、什么是JavaScript?JavaScript是一种具有面向对象能力的解释型语言。更具体一点,它是基于对象和事件驱动并具有相对安全性的客户端脚本语言,因为他不需要在一个语言环境下运行,只需要有一个浏览器即可。它的主要...原创 2020-01-31 20:10:22 · 195 阅读 · 0 评论