![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javaScript
古塔前端
一个自学者,对计算机有些浓厚得兴趣,热爱学习编程,做一个"全干工程师"。
展开
-
offset client scroll 页面滚动总结
1.offset介绍offset概述属性和说明offset和style区别offset概述1. offset 概述offset属性,可以动态得到元素位置,元素大小等特性:属性和说明获得元素距离带有定位父元素的位置获得元素自身的大小(宽度高度)注意:返回的数值都不带单位属性说明offsetParent返回作为该元素得带有定位得父级元素,没有定位,返回bodyoffsetTop返回相对于父级元素得上方距离offsetLeft返回相对于父级元素得左边距离原创 2020-05-23 22:21:01 · 94 阅读 · 0 评论 -
JacaScript事件执行机制
1.js是单线程JavaScript最大得特点就是单线程,也就是说,同一事件只能去做一件事情单线程就意味着任务需要排序,前一个任务结束,才会执行下一个任务,导致js执行时间过长,这样会造成页面渲染不连贯,导致页面渲染加载阻塞1.1.同步与异步为了解决单线程问题,利用cpu多核计算性能,HTML5提出了web Worker标准,允许JavaScript创建多个线程,于是,js中出现了同步和异步同步:前一个任务结束后,才去执行下一个任务,程序得执行顺序,与任务排序得顺序一致异步:前一个任务执行中,我原创 2020-05-23 09:05:35 · 143 阅读 · 0 评论 -
javascript中定时器
js里面有两种定时器window.setTimeout(调用函数,延迟时间)window.setInterval(调用函数,延迟时间)1.window.setTimeout(调用函数,延迟时间) 定时器得特点1.window可以省略2.延迟得单位时间为毫秒 ,可以省略3.调用函数可以用字符串,格式为: ‘函数么()’ ,不提倡这样写4.文档页面中可能存在多个定时器,我们可以给它起名称var dsq1=setTimeout(调用函数,3000);var dsq2=setTimeout(原创 2020-05-23 08:21:11 · 773 阅读 · 0 评论 -
键盘常用事件总结
什么是键盘事件:当我们按下键盘中得某个键时,所触发得事件常用键盘属性和说明:属性说明onkeyup某个键盘按下被弹起时触发onkeydown某个键盘按下时触发onkeypress某个键盘被按下时触发 不支持一些功能键 比如ctrl shift 等onkeyup 和onkeydown 不区分大小写,onkeypress区分大小写常用键盘事件对象属性和说明属性说明e.key记录触发键盘事件得键 有些浏览器不支持e.keyCode记原创 2020-05-23 07:33:12 · 443 阅读 · 0 评论 -
windown对象常见事件
**1.窗口加载事件:window.onload **特点:当文档内容全部加载完毕(图片,图像,css属性),然后就调用的处理函数注意1.window.onload 可以写在页面元素的上方,因问文档内容全部加载完毕,才去执行window.onload2.传统注册事件onload,只能写一个,如果有很多个,以从上到下中的最后一个排序为准。3.如果使用addEventListener 则没有限制,可以执行很多次2.窗口加载事件语法:document.addEventListener(‘DOMCon原创 2020-05-22 16:31:33 · 279 阅读 · 0 评论 -
JS中ECMASCript DOM BOM理解
1.什么是DOM文档对象模型(Document Object Model,简称DOM),是 W3C 组织推荐的处理可扩展标记语言(html或者xhtml)的标准编程接口。简单理解**????*W3C 已经定义了一系列的 DOM 接口,通过这些 DOM 接口可以改变网页的内容、结构和样式。1.1DOM数DOM树 又称为文档树模型,把文档映射成树形结构,通过节点对象对其处理,处理的结果可以加入到当前的页面。文档:一个网页就是一个文档,DOM中是使用document表示.节点:网页中的所有内容,在原创 2020-05-22 09:47:23 · 330 阅读 · 0 评论 -
事件委托
事件委托核心原理:给父级添加监听器,利用冒泡引想每一个子节点,不用给每个节点都添加监听事件<ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li></ul>var ul = document.querySelector('ul');ul.addEventListener('click',原创 2020-05-21 21:38:36 · 74 阅读 · 0 评论 -
事件对象
在触发某个事件时,系统会给我们创建一个事件对象(event) 事件执行期间,event才会存在,当事件执行完毕,event会自动销毁 兼容问题:IE9版本一下不支持event,支持window.event 事件对象是事件一系列相关得集合<button>按钮</button> <script> var btn = document.querySelector('button'); btn.onclick = functi..原创 2020-05-21 19:10:36 · 82 阅读 · 0 评论 -
解除事件得方式
1.传统事件解除方式语法:事件源.事件类型 = null<button>按钮</button><script> var btn = document.querySelector('button'); btn.onclick = function() { alert('Hello World'); btn.οnclick=null }</script>2.方法监听注册方式:(1):事件源.removeEventListen原创 2020-05-21 13:22:57 · 166 阅读 · 1 评论 -
js事件监听
123原创 2020-05-21 10:22:03 · 301 阅读 · 0 评论 -
js获取节点操作
123原创 2020-05-21 08:21:22 · 1180 阅读 · 0 评论