摘要: 事件 事件驱动三要素:事件源,事件类型,事件处理函数(事件句柄) 一、添加事件监听器 1.标签里添加(不推荐使用) <input type="button" onclick="fn()"> 2.标准DOM0级添加方式 ele.onclick = function(){}; //只能绑定一个同类型事件 阅读全文
posted @ 2020-12-13 19:37 瓜豆のO泡 阅读(103) 评论(0) 推荐(0)
摘要: DOM(document object model ) DOM的版本 DOM0-DOM4 DOM0级在DOM标准规范出台之前的规范 DOM0和 DOM2使用频率最高 DOM节点 == (node) 一个完整的文档中存在 文本节点/ 属性节点 / 元素节点 节点类型nodeNamenodeTypeno 阅读全文
posted @ 2020-12-13 19:24 瓜豆のO泡 阅读(138) 评论(0) 推荐(0)
摘要: BOM(browser object model) BOM六大对象 1.窗口对象 window 顶层对象 一个浏览器有多个窗口 2.浏览器对象 navigator 记录浏览器相关信息 3.屏幕对象 screen 包含屏幕相关信息 4.历史对象 history 访问页面历史信息 5.位置对象 loca 阅读全文
posted @ 2020-12-13 18:53 瓜豆のO泡 阅读(121) 评论(0) 推荐(0)
摘要: 嗨!我是前端小M~~ RegExp(Regular Expression)正则表达式 描述字符串的匹配模式 1.构造函数 let reg = new RegExp('规则‘,’模式修饰符‘); 2.字面量 let reg = /模式/(模式修饰符); 模式修饰符:g:表示全局 i:不区分大小写 m: 阅读全文
posted @ 2020-12-13 17:40 瓜豆のO泡 阅读(69) 评论(0) 推荐(0)
摘要: 嗨!我是前端小M~~ String--字符串 属性:str.length 字符串的长度只能获取不能设置 方法: str.charAt(index) //返回字符串item str.charCodeAt(index) //ASCII码 str.indexOf(item) str.lastIndexOf 阅读全文
posted @ 2020-12-13 17:20 瓜豆のO泡 阅读(78) 评论(0) 推荐(0)
摘要: 嗨!我是前端小M~~ JSON(JavaScript Object Natation)数据存储传输格式 xml <name>"zhangsan"</name> <age>18</age> 规定太多太复杂,所以开发人员需要快速传输数据的方式 -->2001年道格拉斯克罗克夫特 >JSON:键、字符串必 阅读全文
posted @ 2020-12-13 16:51 瓜豆のO泡 阅读(52) 评论(0) 推荐(0)
摘要: 嗨!我是前端小M~~ 对象 数组是一组数据有序的集合,对象是一组数据无序的集合。对象拥有自己的属性(使用的数据)和方法(拥有的操作) A.创建对象 字面量: let obj = { }; 构造函数: let obj = new Object { }; let object ={ name:"xiao 阅读全文
posted @ 2020-12-13 16:45 瓜豆のO泡 阅读(71) 评论(0) 推荐(0)
摘要: 嗨!我是前端小M~~ 作用域 作用(有效)域(区域,范围)变量生效的范围 全局作用域 :书写位置在全局,没有被任何函数{ }括起来,任何地方都能被访问 函数作用域:在函数声明时产生函数作用域,全局作用下无法访问函数内部变量,函数作用域可以访问全局变量,若全局函数中存在与函数作用域相同名字的变量,就近 阅读全文
posted @ 2020-12-13 16:26 瓜豆のO泡 阅读(106) 评论(0) 推荐(0)
摘要: 嗨!我是前端小M~ Function(函数) 函数有什么作用呢? 重用 (多次调用 提高效率) 维护(方便维护) 参数(修改参数) 返回值(结果) 函数三要素:功能,参数,返回值 如何创建函数呢? 1.声明式 function fn(){ } fn(); //可进行预解析 可以先调用在声明,也可以先 阅读全文
posted @ 2020-12-13 16:10 瓜豆のO泡 阅读(88) 评论(0) 推荐(0)
摘要: 嗨~我是前端小M~~~ Array(数组) 复杂数据类型 一种数据结构,计算机存储组织数据的方式。(有序排列) 在数组中,每一个值叫做元素/项目 (item),元素拥有唯一的位置叫做下标(索引)。arr[Index]; 创建数组: 字面量方式: let arr =[]; 构造函数: let arr 阅读全文
posted @ 2020-12-12 23:09 瓜豆のO泡 阅读(101) 评论(0) 推荐(0)