w5083-CSDN博客

原创 4.26笔记

/20毫秒显示一个box,然后随着光标移动（给盒子定位）//盒子的left和top值相当于光标的横纵坐标。利用了鼠标的移动事件以及元素的坐标属性以及元素的显示与隐藏。//给文档绑定拖动事件。利用了鼠标的移动事件以及元素的坐标属性。// 浏览器的scrollTop。//所有的盒子都获取到。// 文档的可视高度。

2023-04-26 21:17:35 38

scrollWidth和scrollHeight:获得元素的实际宽度和高度，在内容没有超出盒子时，获得的是盒子的内部高度和宽度。clientWidth和clientHeight:获取可视范围的宽度高度，即边框内部的，不包括border，包括padding.当盒子内部存在滚动条时，获得的高度和宽度不包括滚动条。scrollTop和scrollLeft:获得的是内容卷曲出去的高度和宽度，当滚动条向下拉时，内容往上走，获得的就是上面跑出盒子范围的那部分高度。(2)、如果父元素有定位，距离父元素最左侧的距离。

2023-04-25 21:20:55 46

原创 js属性操作与事件

任何事件都有内置对象event，event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。console.log("横坐标：" + event.clientX + "," + "纵坐标：" + event.clientY);console.log("横坐标：" + event.pageX + "," + "纵坐标：" + event.pageY);getAttribute("属性"):不仅可以获取元素本身的属性的属性值，还可以获取元素自定义的属性的属性值。

2023-04-24 20:39:18 79

原创 DOM操作

伪数组，就是像数组一样有 length 属性，也有 0、1、2、3 等属性的对象，看起来就像数组一样，但不是数组。凡是css中这个属性是多个单词的写法,在js代码中DOM操作的时候.把-干掉,后面的单词的首字母大写即可。设置标签中的文本内容,应该使用innerText属性,谷歌,火狐,IE8都支持。innerHTML主要的作用是在标签中设置新的html标签内容,是有标签效果的。使用innerText主要是设置文本的,设置标签内容,是没有标签的效果的。p1.innerText = "文本改变了哈";

2023-04-23 21:06:37 56

原创 JavaScript基础-内置对象使用

内置对象的方法很多，我们只需要知道内置对象提供的常用方法，使用的时候查询文档。sortby,可选参数，规定排序顺序，必须是函数如果调用该方法时没有使用参数，将按字母顺序对数组中的元素进行排序，说得更精确点，是按照字符编码的顺序进行排序。slice(start,end) 1、从start开始截取元素，到end结束，包括start,不包括end,返回新数组，start,end是索引,some（），every()方法的参数是一个回调函数，回调函数中的第一个参数是数组的元素，第二个参数是数组的索引。

2023-04-22 22:01:34 77 1

原创 JavaScrip函数、预解析、对象、错误

由于JavaScript的预解析机制，上面这段代码，alert出来的值是undefined，如果没有预解析，代码应该会直接报错a is not defined，而不是输出值,不是说要提前的吗？1. 如果一个变量属于一个对象所有，那么该变量就可以称之为该对象的一个属性，属性一般是名词，用来描述事物的特征。2. 如果一个函数属于一个对象所有，那么该函数就可以称之为该对象的一个方法，方法是动词，描述事物的行为和功能。当变量和函数的声明处在作用域比较靠后的位置的时候，变量和函数的声明会被提升到作用域的开头。

2023-04-20 20:24:39 70 1

原创 js第一课

3.在js文件中可以写js代码,但是需要在html页面中引入script的标签中的src="js的路径"1.在html的文件中,script的标签中写js代码。1、由字母、数字、下划线、$符号组成，不能以数字开头。2、不能是关键字和保留字，例如：for、while。字符串字面量：'程序员', "大前端"2.js代码可以在html的标签中写。布尔字面量：true，false。JavaScript代码写法。数值字面量：8, 9, 10。JavaScript变量。同时声明多个变量并赋值。变量的命名规则和规范。

2023-04-20 20:18:08 34 1

原创鼠标自定义样式等

CSS 精灵其实是将网页中的一些背景图像整合到一张大图中（精灵图），然而，各个网页元素通常只需要精灵图中不同位置的某个小图，要想精确定位到精灵图中的某个小图，就需要使用CSS的background-image、background-repeat和background-position属性进行背景定位，其中最关键的是使用background-position属性精确地定位。是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。设置或检索在对象上移动的鼠标指针采用何种系统预定义的光标形状。

2023-04-07 21:26:46 105 1

w5083的博客