随笔分类 -  javaScript

摘要:DOM元素尺寸和位置 学习要点: 1.获取元素CSS大小 2.获取元素实际大小 3.获取元素周边大小 本章,我们将主要讨论一下页面中的某一个元素它的各种大小和各种位置的计算方式, 以便更好的理解。 一、获取元素的CSS大小 1.通过style内联获取元素的大小 var box = document. 阅读全文
posted @ 2018-01-10 22:42 journeyIT 阅读(26) 评论(0) 推荐(0)
摘要:动态加载脚本和样式 学习要点: 1.元素位置 2.动态脚本 3.动态样式 本章主要讲解上一章剩余的获取位置的DOM方法,动态加载脚本和样式。 一、元素位置 上一章已经通过几组属性可以获取所需的位置,那么这几课补充一个DOM的方法:getBoundingClientRect()。 这个方法返回一个矩形 阅读全文
posted @ 2018-01-10 22:42 journeyIT 阅读(18) 评论(0) 推荐(0)
摘要:DOM操作表格及样式 学习要点: 1.操作表格 2.操作样式 DOM在操作生成HTML上,还是比较简明的。不过,由于浏览器总是存在兼容和陷阱,导致最终的操作就不是那么 简单方便了。本章主要了解一下DOM操作表格和样式的一些知识。 一、操作表格 <table>标签是HTML中结构最为复杂的一个,我们可 阅读全文
posted @ 2018-01-10 22:40 journeyIT 阅读(64) 评论(0) 推荐(0)
摘要:DOM进阶 学习要点: 1.DOM类型 2.DOM扩展 3.DOM操作内容 DOM自身存在很多类型,在DOM基础课程中大部分都有所接触,比如Element类型,表示的是元素节点,再比如 Text类型:表示的是文本节点。DOM也提供了一些扩展功能。 一、DOM类型 DOM基础课程中,我们了解了DOM的 阅读全文
posted @ 2018-01-10 22:39 journeyIT 阅读(11) 评论(0) 推荐(0)
摘要:DOM 学习要点: 1.DOM介绍 2.查找元素 3.DOM节点 4.节点操作 DOM(Document Object Model)即文档对象模型,针对HTML和XML文档的API(应用程序接口)。DOM 描绘了一个层次化的节点树,运行开发人员添加、移除和修改页面的某一部分。DOM脱胎于Netsca 阅读全文
posted @ 2018-01-10 22:38 journeyIT 阅读(39) 评论(0) 推荐(0)
摘要:BOM 学习要点: 1.window对象 2.location对象 3.history对象 BOM也叫浏览器对象模型,它提供了很多对象,用于访问浏览器的功能。BOM缺少规范,每个浏览器提供商有按 照自己想法扩展它,那么浏览器共有对象就成了事实的标准,所以,BOM本身是没有标准的或者还没有哪个组织 去 阅读全文
posted @ 2018-01-10 22:37 journeyIT 阅读(6) 评论(0) 推荐(0)
摘要:浏览器检测 学习要点: 1.navigator对象 2.客户端检测 由于每个浏览器都具有自己独到的扩展,所以在开发阶段来判断浏览器是一个非常重要的步骤。虽然浏览器开发商 在公共接口方面投入了很多精力,努力的去支持最常用的公共功能;但在现实中,浏览器之间的差异,以及不同浏 览器的”怪癖“却是非常多的, 阅读全文
posted @ 2018-01-10 22:37 journeyIT 阅读(33) 评论(0) 推荐(0)
摘要:匿名函数和闭包 学习要点: 1.匿名函数 2.闭包 匿名函数就是没有名字的函数,闭包是可以访问一个函数作用域里变量的函数。声明:本节内容需要有面向对象和 少量设计模式基础。 一、匿名函数 //普通函数 function box(){ //函数名是box return 'Lee'; } //匿名函数 阅读全文
posted @ 2018-01-10 22:36 journeyIT 阅读(19) 评论(0) 推荐(0)
摘要:面向对象与原型 学习要点: 1.学习条件 2.创建对象 3.原型 4.继承 ECMAScript有两种开发模式:1.函数式(过程化) 2.面向对象(OOP)。面向对象的语言有一个标志,那就是 类的概念,而通过类可以创建任意多个具有相同属性和方法的对象。但是ECMASxript没有类的概念,因此它的 阅读全文
posted @ 2018-01-10 22:35 journeyIT 阅读(14) 评论(0) 推荐(0)
摘要:内置对象 学习要点: 1.Global对象 2.Math对象 ECMAScript-262对内置对象的定义是:由ECMAScript实现提供的、不依赖宿主环境的对象。这些对象在ECMAScript 程序执行之前就已经存在了。意思就是说,开发人员不必显示的示例化内置对象,因为它们已经实例化了。ECMA 阅读全文
posted @ 2018-01-10 22:20 journeyIT 阅读(17) 评论(0) 推荐(0)
摘要:基本包装类型 学习要点: 1.基本包装类型概述 2.Boolean类型 3.Number类型 4.String类型 为了便于操作基本类型值,ECMAScript提供了3中特殊的引用类型:Boolean、Number和String,这些类型与其 它引用类型相似,但同时也具有与各自基本类型相应的特殊行为 阅读全文
posted @ 2018-01-10 22:18 journeyIT 阅读(16) 评论(0) 推荐(0)
摘要:变量、作用域及内存 学习要点: 1.变量及作用域 2.内存问题 JavaScript的变量与其他语言的变量有很大的区别。Javascript变量时松散型的(不强制类型)本质,决定了它只是 在特定时间用于保存特定值的一个名字而已。由于不存在定义某个变量必须要保存何种数据类型值的规则,变量的 值及其数据 阅读全文
posted @ 2018-01-10 22:17 journeyIT 阅读(18) 评论(0) 推荐(0)
摘要:Function类型 学习要点: 1.函数的声明方式 2.作为值的函数 3.函数的内部属性 4.函数属性和方法 在ECMAScript中,Function(函数)类型实际上是对象,每个函数都是Function类型的实例,而且都与其他引用 类型一样具有属性和方法。由于函数时对象,因此函数名实际上也是一 阅读全文
posted @ 2018-01-10 22:16 journeyIT 阅读(39) 评论(0) 推荐(0)
摘要:正则表达式 学习要点: 1.什么事正则表达式 2.创建正则表达式 3.获取控制 4.常用的正则 假设用户需要在HTML表单中填写姓名、地址、出生日期等。那么在将表单提交到服务器进一步处理前,Javascript 程序会检查表单以确认用户输入了信息并且这些信息时符合要求的。 一、什么是正则表达式 正则 阅读全文
posted @ 2018-01-10 22:16 journeyIT 阅读(16) 评论(0) 推荐(0)
摘要:时间和日期 学习要点: 1.Date类型 2.通用的方法 3.格式化方法 4.组件方法 ECMAScript提供了Date类型来处理事件和日期。Date类型内置一系列获取和设置日期实践心得方法。 一、Date类型 ECMAScript中的Date类型时早起JAVA中的java.util.Date类基 阅读全文
posted @ 2018-01-10 22:15 journeyIT 阅读(7) 评论(0) 推荐(0)
摘要:函数 学习要点: 1.函数声明 2.return返回值 3.arguments对象 函数是定义一次但却可以调用或执行任意多次的一段JS代码。函数有时会有参数,即函数被调用时指定了值的局 部变量。函数常常使用这些参数来计算一个返回值,这个值也成为函数调用表达式的值。 一、函数声明 函数对任何语言来说都 阅读全文
posted @ 2018-01-10 22:14 journeyIT 阅读(18) 评论(0) 推荐(0)
摘要:对象和数组 学习要点: 1.Object类型 2.Array类型 3.对象中的方法 什么是对象,其实就是一种类型,即引用类型。而对象的值就是引用类型的实例。在ECMAScript中引用类型是一 种数据结构,用于将数据和功能组织在一起。它也常被称作为类,但ECMAScript中却没有这种东西。虽然 E 阅读全文
posted @ 2018-01-10 22:14 journeyIT 阅读(22) 评论(0) 推荐(0)
摘要:流程控制语句 学习要点: 1.语句的定义 2.if语句 3.switch语句 4.do...while语句 5.while语句 6.for语句 7.for...in语句 8.break和continue语句 9.whit语句 ECMAScript-262规定了一组流程控制语句。语句定义了ECMASc 阅读全文
posted @ 2018-01-10 22:13 journeyIT 阅读(17) 评论(0) 推荐(0)
摘要:运算符 学习要点: 1.什么是表达式 2.一元运算符 3.算术运算符 4.关系运算符 5.逻辑运算符 6.*位运算符 7.赋值运算符 8.其他运算符 9.运算符优先级 ECMAScript-262描述了一组用于操作数据值的运算符,包括一元运算符、布尔运算符、算术 运算符、关系运算符、三元运算符、位运 阅读全文
posted @ 2018-01-10 22:12 journeyIT 阅读(7) 评论(0) 推荐(0)
摘要:数据类型 学习要点: 1.typeof操作符 2.Undefined类型 3.Null类型 4.Boolean类型 5.Number类型 6.String类型 7.Object类型 ECMAScript中有5种简单的数据类型:Undefined、Null、Boolean、Number和String。 阅读全文
posted @ 2018-01-10 22:11 journeyIT 阅读(6) 评论(0) 推荐(0)