蜂蜜柚子茶り-CSDN博客

原创 DOM的小结

（一）标签的属性操作①标签.setAttribute(键，值) - 设置属性②标签.getAttribute(键) - 获取属性③标签.removeAttribute(键) - 删除属性将获取到的标签看做是一个对象，console.dir()输出可以看到对象，就可以使用对象的属性操作，添加属性、删除属性、获取属性..从节点的角度看待整个html文档，html文档的每个组成部分都叫节点。(二)获取节点获取所有子标签节点：父.children获取第一个字标签节点：父.fris

2022-03-26 16:18:50 164

原创 JavaScript的事件小结

1.鼠标事件及其描述(1)左键单击：click (2)右键单击：contextmenu(3)双击：dbclick(4)左键按下：mousedown(5)左键弹起：mouseup(6)鼠标放上去：mouseover（在子元素上也会触发）(7)鼠标离开：mouseout(8)鼠标放上去：mouseenter(9)鼠标离开：mouseleave(10)鼠标移动事件：mousemove(11)鼠标滚轮事件:mousewheel2.浏览器事件及其描述(1)加载:

2022-03-26 15:09:58 1334

原创关于DOM的知识点总结

1.HTML的基本结构①HTML标签：document.documentElement②body标签：document.body③head标签：document.head④网页标签：获取→document.title；设置→document.title = 值2.获取标签①css选择器：（1）document.querySelector(css选择器)→获取满足css选择器的第一个元素（2）document.querySelectorAll(css选择器)→获取满足css选

2022-03-22 17:36:29 556

原创关于JavaScript中的数组的一点小结

数组的基础类型和引用类型js中允许出现的数据：number、string、boolean、null、undefined、{}、[]、function根据不同类型的数据存储方式以及赋值方式的不同，我们将数据分为两类：基本类型和引用类型。基础数据类型：number、string、boolean、undefined、null引用数据类型：[]、function, {}基础类型和引用类型的区别：1.存储方式不同基础类型将值存在栈内存中；引用类型将值存在堆内存中，将堆内存的内存地址存在栈中

2022-03-21 20:01:53 130

原创 JavaScript中有关于数组的小结（1）

数组的定义（一些小细节）1.数组中存放的数据，类型是没有限制的，可以存放任意类型的数据。2.数组中小空间的编号，永远都是从0开始，依次向后递增的，数组中第一个小空间的编号，永远是0。3.数组中最后一个小空间的编号，永远都是数组中数据的个数-1。var brr = new Array("周杰伦","陈奕迅","佘诗曼"); console.log(brr)// 周杰伦是排在第一个，在数组中的编号就是0// 陈奕迅是排在第一个，在数组中的编号就是1// 佘诗曼是排在第一

2022-03-14 19:52:55 1328

原创 JavaScript的匿名函数

函数的定义跟变量的定义过程差不多，那函数的定义就可以像变量一样进行。var f = function fn(){ console.log(12)}这是定义一个变量，将函数代码放到变量空间中，这样的函数也是可以正常进行调用的，就使用变量的名称就行：fn() //12那fn这个函数的名字还能进行调用吗：fn() // fn is not defined这就说明，当将一个函数赋值给一个变量的时候，这个函数的名字就没有用了，所以我们可以将这个函数名称省略：var f =

2022-03-11 20:10:04 1384

原创输入月份，显示当月的天数要求：利用case穿透简化代码

如何用JS的case穿透简化代码。注意，在switch（parseInt(month)）中，一定要加parseInt，否则会报错。 var month = prompt("请输入月份:"); if(isNaN(month) || month <= 0 || month > 12){ alert("输入错误"); }else{ switch(parseInt(month) ){ case 1:

2022-03-08 20:55:21 585

原创判断一个整数是偶数还是奇数，并输出判断结果

如何用js的if语句来判断一个整数是偶数还是奇数 var num = prompt("请输入一个整数："); if( isNaN && num%1 == 0){ if (num%2==0) { alert("这是偶数") } else { alert("这是奇数") } }else{ a

2022-03-08 20:30:35 3513

原创用JS的if语句判断奇偶数

var num = prompt("请输入数字:"); num = Number(num); if (num%2==0) { alert('偶数'); } else { alert('奇数'); }注意，num%2==0此公式不能写两遍，例如： var num = prompt("请输入数字:"); num = Number(num%2==0); if (num%2==0) { al...

2022-03-07 22:26:42 1277

原创【JavaScript】文本框的数值之和

var num1 = prompt("请输入第一个值:"); var num2 = prompt("请输入第二个值:"); num1 = Number(num1); num2 = Number(num2); var sum = num1 - num2; console.log(sum);prompt（在网页弹出提示框）将num的值转换为数字 num1 = Number(num1); num2 = Number(num2);...

2022-03-07 19:37:34 602

原创用CSS代码做出骰子

2022-03-02 16:59:03 1295

原创关于CSS Gird网格图片的定位

下列是有关于如何在网格内插入图片后的定位代码<style> .box{ width: 600px; height: 600px; border: 1px solid #000; display: grid; /* 划分网格区域 */ grid-template-columns: repeat(3,200px);

2022-03-02 14:59:26 220

原创 CSS 3D旋转效果

俗称3D变换，指基于3D立体的角度来设置盒子。比如将盒子设置为立方体。3D的效果跟2D是一样的，有平移和旋转，不同点在于，2D只有x轴和y轴，3D会多一个z轴，用于表示立体。3D的效果通过需要远距离观察才能看出立体效果，因为距离太近，我们只能看出平面的2D效果，这就需要在设置3D变换效果之前，需要先设置景深（一般来说景深设置在900px-1200px之间就可以）：perspective: 1200px; /* 在父元素中使用,设置景深 */我们还需要设置从屏幕的哪个点来观察屏幕内部的3d效果：

2022-03-01 20:32:16 1798

原创什么是CSS权重值？CSS权重值的优先级是什么？

什么是CSS的权重值？1.权重决定了你css规则怎样被浏览器解析直到生效。css权重关系到你的css规则是怎样显示的。2.当很多的规则被应用到某一个元素上时，权重是一个决定哪种规则生效，或者是优先级的过程。3.每个选择器都有自己的权重。你的每条css规则，都包含一个权重级别。这个级别是由不同的选择器加权计算的，通过权重，不同的样式最终会作用到你的网页中。4.如果两个选择器同时作用到一个元素上，权重高者生效。权重的等级可以把样式的应用方式分为几个等级，按照等级来计算权重1、

2022-03-01 19:18:01 1835 1

qq_53322582的博客