炭烤小肥小秃-CSDN博客

原创 JS学习总结-----DOM中的事件高级

一.注册事件1.事件概述：给元素添加事件，称为注册事件或者绑定事件。注册事件有两种方式：传统方式和方法监听注册方式传统注册方式：（1）利用on开头的事件例如onclick。（2）targetment.onclick= function() { } （3）注册的事件是唯一的。（4）同一个元素同一个事件只能设置一个处理函数，最后注册的处理函数将会覆盖前面注册的处理函数。案例<button>传统</button><script>var btn = do

2022-01-28 00:51:01 97

原创 JS学习-----排他思想（算法）

如果有同一组元素，我们想要一个元素实现某种样式，需要用到循环的排他思想算法。步骤如下：1.所有元素全部清除样式。2.给当前元素设置样式。3.顺序不能颠倒，首先清除所有样式，然后在设置自己。案例：设置一排按键，当我们点击，按键出现颜色变化，点击另外一个按键也出现颜色变化，而之前出现颜色变化的按键，恢复原样。 <div> <button type="button">按键1</button> <button type="button

2022-01-24 17:04:59 1035 1

原创 JS学习总结-----JavaScript内置对象

一.Math对象Math对象用于执行数学计算。Math对象不同的是，它在使用时不需要创建对象，而是直接使用Math来访问属性或方法的。比如Math.PI。更多方法请查阅MDN Web Docs案例利用Math 实现猜数字小游戏 (1~10之间的整数并且只有3次机会)<script>function getRandom (min,max) { return Math.floor(Math.random() * (max-min + 1))+min; }/.

2022-01-22 14:00:00 489

原创 js案例-----猜数字游戏（Math对象）

2022-01-21 14:19:35 3201

原创简易小计算器案例（网页弹窗）

这个计算器小案例运用了switch多路分支语句，与if...else if 语句基本相同，<script type="text/javascript"> var num = prompt('欢迎使用简易计算器：1.加法运算 2.减法运算 3.乘法运算 4.除法运算 5.退出输入你的选项：'); num = parseFloat(num);//prompt输入的值是字符串注意数据类型的转换 switch (num) { case 1 : var num1 = promp

2022-01-20 22:01:44 567

原创 JS------翻转数组及冒泡排序

翻转数组请将arr = [1,2,3,4,5,6] 进行翻转。<script>var arr = [1,2,3,4,5,6];function fn1() {var arr1 =[];//建立一个空的数组for (var i = 0; i < arr.length; i++) {arr1[i]=arr[arr.length-1-i];//因为是数组的翻转，arr数组的最后一个值，对新数组的第一为，因为数组的索引从0开始，需要减1}console.log(arr1);

2022-01-20 19:59:58 94

原创 JS学习总结-----创建对象及遍历

对象的定义为一组属性的无序集合。可以把对象想象成一张散列表，其中的内容就是一组名/值对，值可以是数据或者函数。一.创建对象的三种方式：1.利用new Object 创建对象。案例<script>var computer = new Object();computer.color = '红色';computer.weight = '2.5kg';computer.brand = 'dell';computer.model = '1450';computer.fun =

2022-01-20 15:15:10 585

原创 JS学习总结-----JavaScript的预解析

JavaScript代码是由浏览器中JS引擎来执行的，js引擎在运行js代码的时候分为两个步骤：预解析和代码执行。(代码的执行是从上往下的)1.预解析js引擎会把js里面所有的 var function 提升到当前作用域的最前面。2.预解析分为变量预解析和函数预解析。也称为变量提升和函数提升。（1）变量的预解析就是把代码中的变量声明提升到当前的作用域最前面，注意赋值操作不提升。（2）函数的预解析就是把代码中的函数声明提升到当前的作用域最前面，不调用函数。预解析案例一结果是？..

2022-01-20 12:49:18 285

原创 JS学习总结-----javascript作用域

作用域的简述：在一段程序代码中用的名字（变量）并不是总是有效的和可用的，而通过限定这个名字的作用范围就是作用域。在JS中作用域又分为：全局作用域，局部作用域。<script>//整个<script>标签就是全局作用域 var num = 1;//这个num是全局有效的 console.log(num); function fn() { var num = 10;//（在函数里面的就是局部作用域）这个num是局部作用域，虽然变量名一样了，在不同作用域下是不会影响的，

2022-01-19 20:00:00 198

原创 JS学习总结-----arguments的使用

在不知道有多少参数的情况下，这个时候就可以用arguments来获取，JS中arguments是当前函数的内置对象。函数中的一个arguements对象，而arguements对象中存储了传送过来的所有实参。案例：<script> function arr() { console.log(arguments);//arguments中存储了传送过来的arr(1,2,3,4)所有实参 } arr(1,2,3,4);</script>

2022-01-18 21:58:43 585

m0_48716885的博客