随笔分类 - javascript
摘要：6.BOM 6.1.什么是BOM？ BOM(Browse Object Model),浏览器对象模型，没有相关标准，是约定俗成的东西，定义了一些操作浏览器的方法和属性，大部分方法都是通过window对象来调用的，window对象是浏览器端的最顶层的对象 6.2.open方法 open方法可以用来打开
阅读全文
摘要：5.宽、高、位置相关 5.1.clientX/clientY clientX和clientY表示鼠标在浏览器可视区的坐标位置 5.2.pageX/pageY pageX和pageY表示鼠标在网页文档中的坐标位置，这里需要注意：网页的宽高是可以大于浏览器可视区的 5.3.offsetLeft/offs
阅读全文
摘要：4.dom操作 createElement 创建一个元素 appendChild() 在最后添加一个子元素 insertBefore() 在某个元素之前插入一个子元素 removeChild() 删除某个子元素 getAttribute/setAttribute 参考文档 Document.crea
阅读全文
摘要：3.Node常用属性 childNodes 获取所有子节点 children 获取所有子节点中的元素节点 firstChild 获取第一个子节点 lastChild 获取最后一个子节点 parentNode 获取父节点 previousSibling 获取上一个兄弟节点 nextSibling 获取
阅读全文
摘要：2.获取DOM元素的方法 2.1.getElement系列 documentElementById 通过id获取元素 documentElementsByClassName 通过类名称获取元素 documentElementsByTagName 通过标签名称获取元素 在某个范围內获取元素 2.2.q
阅读全文
摘要：1.DOM简介 DOM(Document Object Model)即文档对象模型，是HTML和XML文档的编程接口。它提供了对文档的结构化的表述，并定义了一种方式可以使得从程序中对该结构进行访问，从而改变文档的结构，样式和内容。DOM 将文档解析为一个由节点和对象（包含属性和方法的对象）组成的结构
阅读全文
摘要：7.事件冒泡机制 7.1.什么是事件冒泡 当一个元素接收到一个事件以后，会将事件传播给它的父级元素，它的负级元素会一层一层往上传播，直到最顶层window，这种事件传播机制叫作事件冒泡。 代码解析：当点击div3的时候，先触发div3的点击事件，弹出div3的id值为div3，然后把点击事件传给父级
阅读全文
摘要：5.窗口事件 5.1.onload事件 元素加载完成时触发,常用的就是window.onload 5.1.resize 当浏览器窗口改变的时候触发 6.event对象 6.1.什么是event对象？ event对象代表事件的状态，当事件发生的时候用来记录事件的详细信息，类似于飞机的黑匣子。 在ie和
阅读全文
摘要：4.表单事件 表单事件处理主要用来验证表单，可以处理用户在表单上所做的任何操作。 4.1.onsubmit事件 当用户点击submit按钮来提交表单时，就会触发onsubmit事件，如果事件处理程序返回一个false，就会阻止表单提交，表单就不会发送数据到服务器。 4.2.onchange 修改表单
阅读全文
摘要：3.键盘事件 3.1.onkeydown 键盘按下事件 当键盘按下的时候触发 3.2.onkeyup 键盘抬起事件 当键盘按下抬起的一瞬间触发
阅读全文
摘要：2.鼠标事件 鼠标事件就是用户与页面的许多交互时通过鼠标移动或者鼠标点击等触发的事件. 2.1.onmousedown 鼠标按下的时候触发的事件 2.2.onmouseup 鼠标抬起事件 当鼠标按下后 抬起的时候发生的事件 2.3.onmousemove 鼠标移动事件 当鼠标移动的时候发生 2.4.
阅读全文
摘要：1.事件相关概念 1.1 什么是事件？ 事件是用户在访问页面时执行的操作，也就是用户访问页面时的行为。当浏览器探测到一个事件时，比如鼠标点击或者按键。它可以触发与这个事件相关的JavaScript对象（函数），这些对象称为事件处理程序。 1.2 事件函数绑定 上面说到了，当浏览器检测到一个事件时，会
阅读全文
摘要：7.数组 7.1.什么是数组以及相关概念？ 什么是数组？是一组数据有序排列的集合。将一组数据按一定顺序组织为一个组合，并对这个组合命名，这样便构成了数组。 什么是数组元素？组成数组的每一个数据称为数组的一个数组元素。 什么是数组索引？每一个数组元素对应一个整数值，称为数组元素索引，或者数组元素下标。
阅读全文
摘要：6.函数 6.1.函数是什么？ 函数就是具有名称和一定功能点代码块，这段代码块被封装起来，由一组语句组成，它们是JavaScript的基础模块单元，用于代码复用、信息隐藏和组合调用。一般来说，所谓编程，就是将一族需求分解成一组函数与数据结构的技能。 因为函数可以封装一个功能，该功能可以被多次使用而达
阅读全文
摘要：5.2.循环结构 当一段代码被重复调用多次的时候，可以用循环结构来实现，就像第一个实例中出现的场景一样，需要重复询问对方是否有空，这样就可以使用循环结构来搞定 5.2.1.for循环语句 程序流程图 实例： for循环详解 上面的例子就是一个循环嵌套的实例。循环嵌套的话需要等待内层循环完成之后，再执
阅读全文
摘要：5.流程控制 5.1.选择结构 程序流程图 图例： 5.2.1.if语句 //if语句语法结构： if（条件表达式）{ ` 这里是表达式成立后执行的代码 } var num = prompt('请输入分数：'); //prompt函数的功能是弹出一个输入框，收集用户输入的数据 if(num=90){
阅读全文
摘要：4.运算符 4.1.什么是运算符？ 运算符就是用来表示具体运算规则的符号，例如数学计算中的加减乘除就是具体的运算规则，我们分别用“＋ － /”等符号来表示 4.2.运算符的分类 4.2.1 算数运算符 算数运算符主要有：+ / % ++ ，这些符号主要是用来做数字方面等运算。其中难点属于取模运算％
阅读全文
摘要：3.数据类型 3.1.数据类型学习重点 前面我们通俗的讲了，数据类型其实就是对数据进行了分类，那么，在js中到底把数据分成了几类？这些类的名称叫什么？每个分类下面有那些值？这些问题是需要记清楚的，例如： 值 8， 我们把它分到数字类里面， 数字类有个特点就是它下面的值都是数字，如果像上面这样能够记住
阅读全文
摘要：2.变量 2.1.变量的声明 声明变量的时候没有赋值，默认输出undefined 可以同时声明多个变量 同时声明多个变量，并且赋值 2.2.变量命名规范 以上是强制要求以下是大家约定俗成的规矩，这些规矩将极大提高你的代码编写或者交接或者改错效率 螺钉课堂视频课程地址：http://edu.nodei
阅读全文
摘要：1.4.查找元素的方法 1.4.1.查找元素的方法 JavaScript可以去操作html元素，要实现对html元素的操作，首选应该找到这个元素，有点类似于css中的选择器 html代码： js代码： 1.4.2.练习 把上面代码手写5遍，默写一遍 1.5.事件、函数、以及属性操作 1.5.1.事件
阅读全文
浙公网安备 33010602011771号