摘要: 步骤 1. 获取所需要的页面元素 2. 给按钮注册点击事件,写出事件函数,事件函数里面调用封装的动画函数 3. 封装动画函数 + 明确动画函数有两个参数,一个参数是运动的对象,另一个函数是目标距离 + 首先先清理一次定时器(否则会不受控制) + 获取传入对象的当前位置 + 定义一个变量记录每次对象移 阅读全文
posted @ 2019-06-17 16:45 小白学js 阅读(182) 评论(0) 推荐(0) 编辑
摘要: 目录 创建定时器的两种方法 清理定时器的两种方法 一些关于定时器的小案例 创建定时器的两种方法(都有返回值timeId) window.setInterval(函数,时间); + 函数 + 时间 毫秒 + 执行过程:页面加载完毕后,过设定的时间,就会执行一次函数代码,一直重复 window.setT 阅读全文
posted @ 2019-06-17 16:30 小白学js 阅读(613) 评论(0) 推荐(0) 编辑
摘要: 步骤 1. 定义一个keyWords字符串数组 2. 获取所有需要的元素(获取文本框) 3. 文本框注册键盘抬起事件,以及书写事件函数 4. 事件函数中首先要获取去文本框内输入的内容 5. 然后创建一个临时数组,存放对应的数据 6. 把输入的字符和最开始定义的keyWords数组中的每一项数据做对比 阅读全文
posted @ 2019-06-17 16:06 小白学js 阅读(234) 评论(0) 推荐(0) 编辑
摘要: 目录 事件绑定的两种方法 事件绑定的兼容代码 绑定事件的区别 解绑 绑定事件和解绑事件的兼容代码 事件冒泡 阻止事件冒泡 事件的三个阶段 为同一个元素注册不同的事件,指向相同的事件处理函数 元素绑定的两种方法 第一种:addEventListener('事件类型', 事件处理函数, false) 谷 阅读全文
posted @ 2019-06-01 15:16 小白学js 阅读(305) 评论(0) 推荐(0) 编辑
摘要: 目录 元素创建的三种方式 元素相关方法 只创建一个元素的两种方法 元素创建的三种方式 document.write('标签的代码和内容') 注意 : 使用document.write('标签代码和内容')有缺陷:如果在页面加载完毕后,此时通过这种方式创建元素,那么页面上存在的所有内容会全部被干掉 对 阅读全文
posted @ 2019-05-30 20:32 小白学js 阅读(220) 评论(0) 推荐(0) 编辑
摘要: 目录 什么是节点 节点相关的属性 关于获取节点和元素的12行代码 案例 + 点击按钮给p标签添加背景颜色 + 隔行变色 封装节点兼容代码 什么是节点 节点(node) 表示的是页面中所有的内容(标签,属性,文本(文字,换行,回车,空格)) 节点的相关属性 节点的属性: 可以使用标签 元素.出来,可以 阅读全文
posted @ 2019-05-27 21:20 小白学js 阅读(345) 评论(0) 推荐(0) 编辑
摘要: 目录 自定义属性的总结 案例 自定义属性总结 1. 设置自定义的属性: setAttribute('属性的名字','属性的值'); 2. 获取自定义属性的值 : getAttrinute('属性的名字') 案例 阅读全文
posted @ 2019-05-26 20:57 小白学js 阅读(429) 评论(0) 推荐(0) 编辑
摘要: 目录 注册事件 + 案例之点击按钮切换图片 非表单元素的属性 + 案例 + 点击按钮div的显示和隐藏 + 切换照片 + 点击一张照片,在当前页面显现出大图 + innerHTML和innerText的区别 + innerText的兼容性处理 表单元素的属性 + 案例 + 给文本框赋值 + 检测用户 阅读全文
posted @ 2019-05-23 21:25 小白学js 阅读(323) 评论(0) 推荐(0) 编辑
摘要: 目录 概念 获取页面元素 事件 案例 今日脑图戳[http://naotu.baidu.com/file/3d881f30d54ae73d9a9292aa3e3275e3?token=701499b7426b44da] DOM概念 文档对象模型(Document Object Model, 简称DO 阅读全文
posted @ 2019-05-20 21:18 小白学js 阅读(312) 评论(0) 推荐(0) 编辑
摘要: 目录 基本类型和基本包装类型的不同 创建基本包装类型对象 String对象 + 创建字符串对象 + 常用方法 + 案例 此篇脑图请戳[http://naotu.baidu.com/file/5bffe99e804bb037d5b9e55a68a68169?token=42130843de5e46b6 阅读全文
posted @ 2019-05-19 17:43 小白学js 阅读(115) 评论(0) 推荐(0) 编辑