上一页 1 ··· 24 25 26 27 28 29 30 31 32 ··· 36 下一页

2020年1月12日

0185 history对象

摘要: ​ window对象给我们提供了一个 history对象,与浏览器历史记录进行交互。该对象包含用户(在浏览器窗口中)访问过的URL。 history对象一般在实际开发中比较少用,但是会在一些 OA 办公系统中见到。 阅读全文

posted @ 2020-01-12 12:15 冲啊! 阅读(118) 评论(0) 推荐(0)

0184 BOM 之 navigator对象

摘要: ​ navigator 对象包含有关浏览器的信息,它有很多属性,我们最常用的是 userAgent,该属性可以返回由客户机发送服务器的 user agent 头部的值。 下面前端代码可以判断用户那个终端打开页面,实现跳转 阅读全文

posted @ 2020-01-12 12:11 冲啊! 阅读(91) 评论(0) 推荐(0)

0183 BOM 之 location对象:URL,href、search等属性,5分钟自动跳转页面案例,assign,replace,reload

摘要: 1.2.7.1 什么是 location 对象 1.2.7.2 URL 统一资源定位符:URL(Uniform Resource Locator) , 是互联网上标准资源的地址。互联网上的每个文件都有 一个唯一的 URL,它包含的信息指出文件的位置以及浏览器应该怎么处理它。 URL 的一般语法格式为 阅读全文

posted @ 2020-01-12 12:09 冲啊! 阅读(223) 评论(0) 推荐(0)

2020年1月11日

0182 JavaScript执行机制:单线程,同步任务和异步任务,执行栈,消息队列,事件循环

摘要: 以下代码执行的结果是什么? 【结果是1 2 3 】 以下代码执行的结果是什么? 【结果是1 2 3 】 1.3.1 JS 是单线程 1.3.2 同步任务和异步任务 ​ 单线程导致的问题就是后面的任务等待前面任务完成,如果前面任务很耗时(比如读取网络数据),后面任务不得不一直等待!! ​ 为了解决这个 阅读全文

posted @ 2020-01-11 22:39 冲啊! 阅读(446) 评论(0) 推荐(0)

181 this指向问题

摘要: ​ this的指向在函数定义的时候是确定不了的,只有函数执行的时候才能确定this到底指向谁,一般情况下this的最终指向的是那个调用它的对象。 现阶段,我们先了解一下几个this指向 全局作用域或者普通函数中this指向全局对象window(注意定时器里面的this指向window) 【全局作用域 阅读全文

posted @ 2020-01-11 20:07 冲啊! 阅读(112) 评论(0) 推荐(0)

0180 定时器 之 setInterval() :开启定时器,京东倒计时案例,停止定时器,发送短信倒计时案例

摘要: 1、开启定时器 timeout:暂停; 超时。 interval: (时间上的) 间隔,间隙,间歇。 2、案例:京东倒计时 阅读全文

posted @ 2020-01-11 18:14 冲啊! 阅读(540) 评论(0) 推荐(0)

0179 定时器 之 setTimeout() :开启定时器,5秒后关闭广告案例,停止定时器

摘要: 1、开启定时器 js 普通函数是按照代码顺序直接调用。 【我的理解: 。】 简单理解: 回调,就是 的意思。上一件事干完,再回头再调用这个函数。 例如:定时器中的调用函数,事件处理函数,也是回调函数。 以前我们讲的 element.onclick = function(){} 或者 element. 阅读全文

posted @ 2020-01-11 12:22 冲啊! 阅读(823) 评论(0) 推荐(0)

0178 window对象的常见事件:onload ,DOMContentLoaded ,onresize,innerWidth

摘要: 1.2.4.1 页面(窗口)加载事件(2种) 第1种:window.onload window.onload 是窗口 (页面)加载事件, 当文档内容完全加载完成 会触发该事件(包括图像、脚本文件、CSS 文件等), 就调用的处理函数。 第2种:DOMContentLoaded ​ DOMConten 阅读全文

posted @ 2020-01-11 11:36 冲啊! 阅读(357) 评论(0) 推荐(0)

0177 BOM:概述,构成,顶级对象window

摘要: 1.2.1 什么是BOM ​ BOM(Browser Object Model)即浏览器对象模型,它提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是 window。 ​ BOM 由一系列相关的对象构成,并且每个对象都提供了很多方法与属性。 ​ BOM 缺乏标准,JavaScript 语法的 阅读全文

posted @ 2020-01-11 11:32 冲啊! 阅读(355) 评论(0) 推荐(0)

0176 常用的键盘事件:keyup,keydown,keypress

摘要: 1.1.1 键盘事件 keyup、keydown不区分大小写,keypress 区分大小写 keyup、keydown能识别功能键,keypress 不能识别功能键 1.1.2 键盘事件对象 使用keyCode属性判断用户按下哪个键 1.1.3 案例:模拟京东按键输入内容 当我们按下 s 键, 光标 阅读全文

posted @ 2020-01-11 09:43 冲啊! 阅读(781) 评论(0) 推荐(0)

2020年1月10日

0175 常用鼠标事件 之 鼠标事件对象、获取鼠标在页面的坐标、跟随鼠标的天使案例

摘要: event对象代表事件的状态,跟事件相关的一系列信息的集合。现阶段我们主要是用鼠标事件对象 MouseEvent 和键盘事件对象 KeyboardEvent。 1.4.3 获取鼠标在页面的坐标 1.4.4 案例:跟随鼠标的天使 阅读全文

posted @ 2020-01-10 21:17 冲啊! 阅读(432) 评论(0) 推荐(0)

0174 常用鼠标事件 之 禁止选中文字和禁止右键菜单:contextmenu,selectstart

摘要: ![](https://img2018.cnblogs.com/blog/1877004/202001/1877004-20200110201611620-110471947.png) ```js 我是一段不愿意分享的文字 ``` 阅读全文

posted @ 2020-01-10 20:17 冲啊! 阅读(331) 评论(0) 推荐(0)

0173 事件委托:原理、作用

摘要: 事件冒泡本身的特性,会带来的坏处,也会带来的好处。 1.3.8.1 什么是事件委托 事件委托:也称为事件代理,在 jQuery 里面称为事件委派。 说白了就是,不给子元素注册事件,给父元素注册事件,把处理代码在父元素的事件中执行。 生活中的代理: js事件中的代理: 1.3.8.2 事件委托的原理 阅读全文

posted @ 2020-01-10 19:55 冲啊! 阅读(338) 评论(0) 推荐(0)

0172 事件对象 之 阻止事件冒泡:stopPropagation(),cancelBubble=true

摘要: 事件冒泡本身的特性,会带来的坏处,也会带来的好处。 阻止事件冒泡的兼容性处理 阅读全文

posted @ 2020-01-10 17:29 冲啊! 阅读(303) 评论(0) 推荐(0)

0171 事件对象 之 阻止默认行为:preventDefault(),returnValue,return false

摘要: html中一些标签有默认行为,例如a标签被单击后,默认会进行页面跳转。 阅读全文

posted @ 2020-01-10 16:48 冲啊! 阅读(203) 评论(0) 推荐(0)

0170 事件对象:事件对象的属性和方法,e.target 和 this 的区别

摘要: 1.3.5.1 什么是事件对象 事件对象 :事件发生后,跟事件相关的一系列信息数据的集合都放到这个对象里面,这个对象就是事件对象。 比如: 1. 谁绑定了这个事件。 2. 鼠标触发事件的话,会得到鼠标的相关信息,如鼠标位置。 3. 键盘触发事件的话,会得到键盘的相关信息,如按了哪个键。 1.3.5. 阅读全文

posted @ 2020-01-10 16:43 冲啊! 阅读(471) 评论(0) 推荐(0)

0169 DOM事件流/事件机制/事件模型/事件周期:捕获、触发,冒泡

摘要: DOM事件流 事件流 :描述的是从页面中接收事件的顺序。 事件 发生时会在元素节点之间按照特定 的 顺序传播,这个 传播过程 即 DOM 事件流 。 比如:我们给页面中的一个div注册了单击事件,当你单击了div时,也就单击了body,单击了html,单击了document。 DOM 事件流会经历3 阅读全文

posted @ 2020-01-10 13:50 冲啊! 阅读(247) 评论(0) 推荐(0)

0168 注册事件(2种方式),监听事件,删除事件

摘要: 1.3.1 注册事件(2种方式) 给元素添加事件,称为 注册事件 或者 绑定事件 。 注册事件有两种方式: 传统方式 和 方法监听 注册方式。 1.3.1.1 传统注册方式 利用 on 开头的事件 onclick 特点: 1、注册事件的 唯一性 2、同一个元素同一个事件只能设置一个处理函数,最后注册 阅读全文

posted @ 2020-01-10 11:18 冲啊! 阅读(788) 评论(0) 推荐(0)

0167 DOM核心总结:创建、增、删、改、查、属性操作、事件操作

摘要: 关于dom操作,我们主要针对于元素的操作。主要有创建、增、删、改、查、属性操作、事件操作。 1.2.1 创建 1.2.2 增加 1.2.3 删 1.2.4 改 1.2.5 查 1.2.6 属性操作 1.2.7 事件操作(重点) 阅读全文

posted @ 2020-01-10 09:11 冲啊! 阅读(160) 评论(0) 推荐(0)

0166 DOM 之 节点操作: 删除节点,删除留言案例,复制(克隆)节点,动态生成表格案例,创建元素的三种方式,innerHTML和createElement效率对比

摘要: 1.1.1 删除节点 1.1.2 案例:删除留言 1.1.3 复制(克隆)节点 1.1.4 案例:动态生成表格 1.1.5 创建元素的三种方式 1.1.6 innerTHML和createElement效率对比 innerHTML字符串拼接方式(效率低) createElement方式(效率一般) 阅读全文

posted @ 2020-01-10 08:49 冲啊! 阅读(365) 评论(0) 推荐(0)

上一页 1 ··· 24 25 26 27 28 29 30 31 32 ··· 36 下一页

导航