摘要: Jquery是一个功能丰富的js库 Js库: 封装了很多方法的js文件,需要时引入即可。 Jquery中的入口函数 1.$(function(){…}) 2.$(document).ready(function(){……}) 特点:等待页面加载完成即执行代码;形成沙箱,防止全局变量的污染 和wind 阅读全文
posted @ 2019-06-28 11:56 王木木* 阅读(206) 评论(0) 推荐(0) 编辑
摘要: 三大家族 1.offset系列(只读属性,不能设置,只能获取) offsetWidth / offsetHeight 获取元素真实的宽高 offsetLeft / offsetTop 到最近的有定位的父元素(offsetParent)的距离 offsetParent 最近的有定位的父元素 2.scr 阅读全文
posted @ 2019-06-26 10:17 王木木* 阅读(177) 评论(0) 推荐(0) 编辑
摘要: 1.location 浏览器中的地址栏 location.href获取地址栏完整的地址,可以通过设置href属性跳转到哪个页面 刷新页面的几种方法: location.href = ""; location.reload; history.go(0); 2.navigator.useAgene 获取 阅读全文
posted @ 2019-06-23 10:19 王木木* 阅读(130) 评论(0) 推荐(0) 编辑
摘要: BOM是浏览器对象模型,操作浏览器的工具 1.window对象 在js中是全局对象(在任何地方都可以使用),顶级对象 如:alert ,console ,document,都属于window对象,DOM 也属于window 在全局中声明的函数,变量都是window,一般,window可以省略不写 入 阅读全文
posted @ 2019-06-09 22:28 王木木* 阅读(552) 评论(0) 推荐(0) 编辑
摘要: 事件冒泡和事件捕获 1.addEventListener的第三个参数决定了是事件捕获还是事件冒泡 true:表示注册的事件在捕获阶段触发 false:表示注册的事件在冒泡阶段触发 默认值 2.事件冒泡: 当一个元素的事件触发了,同样的事件会在该元素的所有祖辈元素中一次触发,事件冒泡(从里往外). 3 阅读全文
posted @ 2019-06-09 00:09 王木木* 阅读(1183) 评论(0) 推荐(0) 编辑
摘要: 注册事件的方式有两种: 1.on + 事件名 特点:同一个元素注册同一个事件多次,后面的会把前面的覆盖 2.addEventListener(event,listener,useCapture); 参数:event:事件名 ; listener:事件处理函数 ; useCapture: 决定事件冒泡 阅读全文
posted @ 2019-06-07 23:35 王木木* 阅读(331) 评论(0) 推荐(0) 编辑
摘要: 1.查找节点: 孩子节点:children 所有的子元素 firstElementChild 第一个子元素 lastElementChild 最后一个子元素 firstChild 第一个子节点 lastChild最后一个节点 实际中一般不会用系欸但,主要是对元素进行操作 兄弟节点: previous 阅读全文
posted @ 2019-06-06 00:17 王木木* 阅读(336) 评论(0) 推荐(0) 编辑
摘要: webapi中主要是由BOM和DOM组成,BOM指的是浏览器对象,DOM指的是文档对象模型 首先要介绍的是DOM文档对象模型,把整个页面以及页面中所有内容解析成一个一个对象,想要操作页面中的内容,只能通过对象来操作。 一些术语:document 文档,整个页面 ; node 节点,页面中所有的内容 阅读全文
posted @ 2019-06-05 00:22 王木木* 阅读(467) 评论(0) 推荐(0) 编辑
摘要: // 通过原型的方式实现动物类继承, // 动物都有性别和年龄,有吃东西的行为,狗都有毛色,有看家的行为。 // 要求实例化狗对象,并调用吃和看家的方法 function Animal(gender,age){ this.gender = gender; this.age = age; } Anim 阅读全文
posted @ 2019-06-01 23:10 王木木* 阅读(788) 评论(1) 推荐(0) 编辑
摘要: //解析规则 //在代码执行时,让函数声明和变量声明提升 // 1.变量,函数同名,函数优先级高,覆盖变量 // 2.变量提升,不赋值 // 3.函数提升,不调用 // 4.同名变量,第一个生效 // 5.同名函数,后面覆盖前面 1. // 以下代码执行输出结果是什么 (function d(num 阅读全文
posted @ 2019-06-01 23:02 王木木* 阅读(118) 评论(0) 推荐(0) 编辑