- 博客(6)
- 收藏
- 关注
原创 DOM操作-事件
鼠标点击左键触发:onclick鼠标双击左键触发:ondblclick鼠标右键触发:鼠标弹起触发:onmouseup鼠标按下触发:鼠标经过元素触发(会冒泡):鼠标离开元素触发:onmouseout鼠标经过元素触发(不会冒泡):鼠标离开元素触发:鼠标在元素内移动触发:鼠标滚轮滚动触发:onwheel某个键盘按键按下:onkeydown某个键盘按键按下并松开:onkeypress某个键盘按键松开:onkeyup元素获得焦点触发(不会冒泡):onfocus。
2022-11-19 11:37:47
431
原创 DOM操作-页面的尺寸与位置
offsetTop、offsetLeft:当前元素上边框外边缘到最近的已定位父级(offsetParent)上边框内边缘的距离。scrollWidth:获取指定标签内容层的真实宽度(可视区域宽度+被隐藏区域宽度)。scrollHeight:获取指定标签内容层的真实高度(可视区域高度+被隐藏区域高度)smooth:平滑过渡;clientLeft = boder.left(左边框的宽度)标签.scrollWidth 标签.scrollHeight。clientTop = boder.top(上边框的宽度)
2022-11-19 11:36:29
760
原创 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
1476
原创 BOM:(document object model)文档对象模型
BOM:(Browser object model)浏览器对象模型,通常情况下如果提到BOM,一般指的是window对象-它提供了独立于内容,与浏览器窗口进行交互的对象-主要用于管理窗口与窗口之间的通信,其核心对象是window。-BOM由一系列相关对象构成,并且每个对象都提供了很多属性与方法。
2022-11-19 10:07:54
236
原创 cookie存储及与webstorage的不同点
会话cookie(session cookie),不设置数据过期时间,默认cookie在浏览器关闭时删除。用户在网页输入名字时,名字可以记录在cookie中;访问登录界面时,一般会有类似"下次自动登录"的选项,勾选后下次就不需要验证,就可以通过cookie保存用户的id。document.cookie获取cookie中的所有数据,以字符串的形式返回。cookie的作用单一,就存储客户数据。用户访问网页时,可以将当前的日期存储在cookie中。1、不同的浏览器存放的cookie的位置不同,不能通用。
2022-11-18 21:19:05
668
原创 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
997
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人