Dsir66-CSDN博客

原创 DOM操作-事件

鼠标点击左键触发：onclick鼠标双击左键触发：ondblclick鼠标右键触发：鼠标弹起触发：onmouseup鼠标按下触发：鼠标经过元素触发(会冒泡)：鼠标离开元素触发：onmouseout鼠标经过元素触发(不会冒泡)：鼠标离开元素触发：鼠标在元素内移动触发：鼠标滚轮滚动触发：onwheel某个键盘按键按下：onkeydown某个键盘按键按下并松开：onkeypress某个键盘按键松开：onkeyup元素获得焦点触发(不会冒泡)：onfocus。

2022-11-19 11:37:47 225

原创 DOM操作-页面的尺寸与位置

offsetTop、offsetLeft：当前元素上边框外边缘到最近的已定位父级(offsetParent)上边框内边缘的距离。scrollWidth：获取指定标签内容层的真实宽度（可视区域宽度+被隐藏区域宽度）。scrollHeight：获取指定标签内容层的真实高度（可视区域高度+被隐藏区域高度）smooth：平滑过渡；clientLeft = boder.left(左边框的宽度)标签.scrollWidth 标签.scrollHeight。clientTop = boder.top(上边框的宽度)

2022-11-19 11:36:29 676 1

原创 DOM操作-标签

cssText：可以一次设置多个css样式，但会把style的样式清空。innerText：标签内的text不识别文本。返回值：一个标签对象，找不到时返回null。返回值：一个标签对象，找不到时返回null。元素节点返回值为：1。属性节点返回值为：2。文本节点返回值为：3。注释节点返回值为：8。innerHTML：标签内的html。style：一次设置一个css样式。4、满足该选择器的所有标签。5、满足该选择器的一个标签。1、根据标签名获取标签。返回值：一个类数组对象。返回值：一个类数组对象。

2022-11-19 11:02:57 1348

原创 BOM：(document object model)文档对象模型

BOM：(Browser object model)浏览器对象模型，通常情况下如果提到BOM，一般指的是window对象-它提供了独立于内容，与浏览器窗口进行交互的对象-主要用于管理窗口与窗口之间的通信，其核心对象是window。-BOM由一系列相关对象构成，并且每个对象都提供了很多属性与方法。

2022-11-19 10:07:54 141

原创 cookie存储及与webstorage的不同点

会话cookie(session cookie)，不设置数据过期时间，默认cookie在浏览器关闭时删除。用户在网页输入名字时，名字可以记录在cookie中；访问登录界面时，一般会有类似"下次自动登录"的选项，勾选后下次就不需要验证，就可以通过cookie保存用户的id。document.cookie获取cookie中的所有数据，以字符串的形式返回。cookie的作用单一，就存储客户数据。用户访问网页时，可以将当前的日期存储在cookie中。1、不同的浏览器存放的cookie的位置不同，不能通用。

2022-11-18 21:19:05 444

原创 xhr-get请求

1、协议名称(http://)2、服务器地址：可以是域名，也可以是IP(123.57.142.211)3、端口号，可以省略，不写端口号，浏览器请求的时候会自动加上端口号，http协议默认的端口号80，https默认端口号是443。(8080)4、路径：描述了要访问服务器上具体哪个资源。1、2、3都相同为同源，有一个不相同为跨域。

2022-11-18 11:40:53 823

weixin_54244483的博客