JavaScript基础
文章平均质量分 85
北川Alex
好好学习,天天向上。
展开
-
[33]Ajax
2005 年 Jesse James Garrett 发表了一篇文章,标题为:“Ajax: A newApproach to WebApplications”。他在这篇文章里介绍了一种技术,用他的话说,就叫:Ajax,是 AsynchronousJavaScript + XML 的简写。这种技术能够想服务器请求额外的数据而无须卸载页面(即刷新) ,会带来更好的用户体验。一时间,席卷全球。一. XML原创 2017-07-11 02:43:23 · 407 阅读 · 0 评论 -
[23]动态加载脚本和样式
一. 元素位置上文已经通过几组属性可以获取元素所需的位置,那么这节课补充一个 DOM 的方法:getBoundingClientRect()。这个方法返回一个矩形对象,包含四个属性:left、top、right和 bottom。分别表示元素各边与页面上边和左边的距离。var box = document.getElementById('box'); //获取元素 alert(box.getBound原创 2017-06-16 20:23:04 · 324 阅读 · 0 评论 -
[21]DOM操作表格及样式
DOM 在操作生成 HTML 上,还是比较简明的。不过,由于浏览器总是存在兼容和陷阱 ,导致最终的操作就不是那么简单方便了。主要了解一下 DOM 操作表格和样式的一些知识。一. 操作表格<table>标签是 HTML 中结构最为复杂的一个,我们可以通过 DOM 来创建生成它,或者 HTML DOM 来操作它。(PS:HTML DOM 提供了更加方便快捷的方式来操作 HTML,有手册)。//需要操作的原创 2017-06-02 03:40:22 · 499 阅读 · 0 评论 -
[19]DOM基础
DOM(Document Object Model)即文档对象模型,针对 HTML 和 XML 文档的API(应用程序接口)。DOM 描绘了一个层次化的节点树,运行开发人员添加、移除和修改页面的某一部分。DOM 脱胎于 Netscape 及微软公司创始的DHTML(动态 HTML),但现在它已经成为表现和操作页面标记的真正跨平台、语言中立的方式。一. DOM 介绍DOM 中的三个字母,D(文档)可原创 2017-06-01 02:29:43 · 282 阅读 · 0 评论 -
[14]内置对象
ECMA-262 对内置对象的定义是:“由 ECMAScript 实现提供的、不依赖宿主环境的对象,这些对象在 ECMAScript 程序执行之前就已经存在了。”意思就是说,开发人员不必显示地实例化内置对象;因为它们已经实例化了。ECMA-262 只定义了两个内置对象:Global和 Math。一.Global对象Global(全局)对象是 ECMAScript 中一个特别的对象,因为这个对象是不存原创 2017-05-07 00:48:22 · 370 阅读 · 0 评论 -
[22]DOM元素尺寸和位置
本文主要讨论一下页面中的某一个元素它的各种大小和各种位置的计算方式,以便更好的理解。一.获取元素CSS大小1.通过 style内联获取元素的大小var box = document.getElementById('box'); //获取元素 box.style.width; //200px、空 box.style.height; //200px、空PS:style 获取只能获取到行内 style 属原创 2017-06-02 03:50:55 · 341 阅读 · 0 评论 -
[20]DOM进阶
DOM 自身存在很多类型,在 DOM 基础课程中大部分都有所接触,比如 Element 类型 :表示的是元素节点,再比如 Text 类型:表示的是文本节点。DOM 也提供了一些扩展功能。一. DOM 类型DOM 基础课程中,我们了解了 DOM 的节点并且了解怎样查询和操作节点,而本身这些不同的节点,又有着不同的类型。DOM 类型 类型名 说明 Node 表示所有类型值的统一接口,IE原创 2017-06-02 03:02:15 · 256 阅读 · 0 评论 -
[17]BOM(浏览器对象模型)
BOM 也叫浏览器对象模型,它提供了很多对象,用于访问浏览器的功能。BOM 缺少规范,每个浏览器提供商又按照自己想法去扩展它,那么浏览器共有对象就成了事实的标准 。所以,BOM 本身是没有标准的或者还没有哪个组织去标准它。一. window 对象BOM 的核心对象是window,它表示浏览器的一个实例。window 对象处于 JavaScript 结构的最顶层,对于每个打开的窗口,系统都会自动为其原创 2017-05-09 00:02:48 · 332 阅读 · 0 评论 -
[12]javascript变量、作用域及内存
JavaScript 的变量与其他语言的变量有很大区别。JavaScript 变量是松散型的(不强制类型)本质,决定了它只是在特定时间用于保存特定值的一个名字而已。由于不存在定义某个变量必须要保存何种数据类型值的规则,变量的值及其数据类型可以在脚本的生命周期内改变。一. 变量及作用域1.基本类型和引用类型的值ECMAScript 变量可能包含两种不同的数据类型的值:基本类型值和引用类型值。基本类型值原创 2017-03-26 09:00:47 · 474 阅读 · 0 评论 -
[11]javascript Function 类型
在 ECMAScript 中,Function(函数)类型实际上是对象。每个函数都是 Function 类型的实例,而且都与其他引用类型一样具有属性和方法。由于函数是对象,因此函数名实际上也是一个指向函数对象的指针。一. 函数的声明方式1.普通的函数声明function box(num1, num2) { return num1+ num2; }2.使用变量初始化函数var box= fun原创 2017-03-25 15:01:45 · 278 阅读 · 0 评论 -
[07]javascript函数
函数是定义一次但却可以调用或执行任意多次的一段 JS 代码。函数有时会有参数,即函数被调用时指定了值的局部变量。函数常常使用这些参数来计算一个返回值,这个值也成为函数调用表达式的值。一. 函数声明函数对任何语言来说都是一个核心的概念。通过函数可以封装任意多条语句,而且可以在任何地方、任何时候调用执行。ECMAScript 中的函数使用 function 关键字来声明,后跟一组参数以及函数体。func原创 2017-03-24 22:27:33 · 235 阅读 · 0 评论 -
[05]javascript的运算符
ECMA-262 描述了一组用于操作数据值的运算符,包括一元运算符、布尔运算符、算术运算符、关系运算符、三元运算符、位运算符及赋值运算符。ECMAScript 中的运算符适用于很多值,包括字符串、数值、布尔值、对象等。不过,通过上一篇我们也了解到,应用于对象时通常会调用对象的 valueOf()和 toString()方法,以便取得相应的值。 PS:前面的章节我们讲过 typeof 操作符、new原创 2017-03-21 23:44:08 · 341 阅读 · 0 评论 -
[04]javascript的数据类型
ECMAScript 中有 5 种简单数据类型:Undefined、Null、Boolean、Number 和 String。还有一种复杂数据类型——Object。ECMAScript 不支持任何创建自定义类型的机制,所有值都成为以上 6 中数据类型之一。一. typeof 操作符typeof 操作符是用来检测变量的数据类型。对于值或变量使用 typeof 操作符会返回如下字符串。 字符串原创 2017-03-21 23:20:36 · 311 阅读 · 0 评论 -
[02]使用 JavaScript
一. 创建一张 HTML 页面虽然现在很多教材开始使用 html5 来讲解 JavaScript 课程。但我认为这样可能比较超前 ,对于 JavaScript 初学者,我们还是用比较普及和稳定的 xhtml1.x 来创建一张页面。很多时候,你无法记住 xhtml1.x 过渡性的标准格式。这个时候,建议打开 Dreamweaver来获取。页面创建好后,编写一个最简单的 JavaScript 脚本(原创 2017-02-18 00:21:05 · 386 阅读 · 0 评论 -
[01]JavaScript的概述
JavaScript的概述: JavaScript 诞生于 1995 年。它当时的目的是为了验证表单输入的验证。因为在 JavaScript问世之前,表单的验证都是通过服务器端验证的。而当时都是电话拨号上网的年代,服务器验证数据是一件非常痛苦的事情。 经过许多年的发展,JavaScript 从一个简单的输入验证成为一门强大的编程语言。所以 ,学会使用它是非常简单的,而真正掌握它则需要很原创 2017-02-17 22:39:24 · 322 阅读 · 0 评论 -
[24]事件入门
JavaScript 事件是由访问 Web 页面的用户引起的一系列操作,例如:用户点击。当用户执行某些操作的时候,再去执行一系列代码。一. 事件介绍事件一般是用于浏览器和用户操作进行交互。最早是 IE 和 Netscape Navigator 中出现 ,作为分担服务器端运算负载的一种手段。直到几乎所有的浏览器都支持事件处理。而 DOM2级规范开始尝试以一种复合逻辑的方式标准化 DOM 事件。IE9、原创 2017-06-16 20:39:48 · 319 阅读 · 0 评论 -
[26]事件绑定及深入
事件绑定分为两种:一种是传统事件绑定(内联模型,脚本模型),一种是现代事件绑定(DOM2 级模型)。现代事件绑定在传统绑定上提供了更强大更方便的功能。一. 传统事件绑定的问题传统事件绑定有内联模型和脚本模型,内联模型我们不做讨论,基本很少去用。先来看一下脚本模型,脚本模型将一个函数赋值给一个事件处理函数。var box = document.getElementById('box'); //获取元素原创 2017-06-17 02:12:25 · 390 阅读 · 0 评论 -
[32]JSON
前面探讨了 XML 的结构化数据,但开发人员还是觉得这种微型的数据结构还是过于烦琐、冗长。为了解决这个问题,JSON 的结构化数据出现了。JSON 是 JavaScript 的一个严格的子集,利用 JavaScript 中的一些模式来表示结构化数据。一. JSON 语法JSON 和 XML 类型,都是一种结构化的数据表示方式。所以,JSON并不是 JavaScript独有的数据格式,其他很多语言都原创 2017-07-11 02:25:49 · 281 阅读 · 0 评论 -
[31]XPath
XPath 是一种节点查找手段,对比之前使用标准 DOM 去查找 XML 中的节点方式,大大降低了查找难度,方便开发者使用。但是,DOM3 级以前的标准并没有就 XPath 做出规范;直到 DOM3 在首次推荐到标准规范行列。大部分浏览器实现了这个标准,IE 则以自己的方式实现了 XPath。一. IE 中的 XPath在 IE8及之前的浏览器,XPath 是采用内置基于 ActiveX 的 X原创 2017-07-11 01:58:41 · 496 阅读 · 0 评论 -
[30]XML
随着互联网的发展,Web 应用程序的丰富,开发人员越来越希望能够使用客户端来操作 XML技术。而 XML 技术一度成为存储和传输结构化数据的标准。所以,本章就详细探讨一下 JavaScript 中使用 XML 的技术。 对于什么是 XML,干什么用的,可以理解成一个微型的结构化的数据库,保存一些小型数据用的。一. IE 中的 XML在统一的正式规范出来以前,浏览器对于 XML 的解决方案各不相原创 2017-07-11 01:44:19 · 319 阅读 · 0 评论 -
[15]面向对象与原型
ECMAScript 有两种开发模式:1.函数式(过程化),2.面向对象(OOP)。面向对象的语言有一个标志,那就是类的概念,而通过类可以创建任意多个具有相同属性和方法的对象。但是,ECMAScript 没有类的概念,因此它的对象也与基于类的语言中的对象有所不同。一.创建对象创建一个对象,然后给这个对象新建属性和方法。var box = new Object(); //创建一个 Object 对象原创 2017-05-07 01:39:59 · 575 阅读 · 0 评论 -
[16]匿名函数和闭包
匿名函数就是没有名字的函数,闭包是可访问一个函数作用域里变量的函数。一. 匿名函数//普通函数function box(){ //函数名是 box return 'Lee'; }//匿名函数function () { //匿名函数,会报错 return 'Lee'; }//通过表达式自我执行(function box() { //封装成表达式 alert('Lee'); })原创 2017-05-08 23:31:16 · 387 阅读 · 0 评论 -
[08]javascript对象和数组
什么是对象,其实就是一种类型,即引用类型。而对象的值就是引用类型的实例。在ECMAScript 中引用类型是一种数据结构,用于将数据和功能组织在一起。它也常被称做为类,但 ECMAScript 中却没有这种东西。虽然 ECMAScript 是一门面向对象的语言,却不具备传统面向对象语言所支持的类和接口等基本结构。一. Object 类型到目前为止,我们使用的引用类型最多的可能就是 Object原创 2017-03-25 01:38:55 · 461 阅读 · 0 评论 -
[09]javascript时间与日期
ECMAScript 提供了 Date 类型来处理时间和日期。Date 类型内置一系列获取和设置日期时间信息的方法。一. Date 类型ECMAScript 中的 Date 类型是在早期 Java 中 java.util.Date 类基础上构建的。为此,Date类型使用 UTC (Coordinated Universal Time,国际协调时间[又称世界统一时间]) 1970 年 1 月1 日原创 2017-03-25 02:57:12 · 375 阅读 · 0 评论 -
[10]javascript正则表达式
假设用户需要在 HTML 表单中填写姓名、地址、出生日期等。那么在将表单提交到服务器进一步处理前,JavaScript 程序会检查表单以确认用户确实输入了信息并且这些信息是符合要求的。一. 什么是正则表达式正则表达式(regular expression)是一个描述字符模式的对象。ECMAScript 的 RegExp 类表示正则表达式,而String 和 RegExp 都定义了使用正则表达式进行强原创 2017-03-25 03:24:38 · 329 阅读 · 0 评论 -
[13]基本包装类型
为了便于操作基本类型值,ECMAScript 提供了 3 个特殊的引用类型:Boolean、Number和 String。这些类型与其他引用类型相似,但同时也具有与各自的基本类型相应的特殊行为。实际上,每当读取一个基本类型值的时候,后台就会创建一个对应的基本包装类型的对象,从而能够调用一些方法来操作这些数据。一.基本包装类型概述var box = 'Mr. Lee'; //定义一个字符串 var b原创 2017-05-07 00:31:15 · 284 阅读 · 0 评论 -
[18]浏览器检测
由于每个浏览器都具有自己独到的扩展,所以在开发阶段来判断浏览器是一个非常重要的步骤。虽然浏览器开发商在公共接口方面投入了很多精力,努力的去支持最常用的公共功能;但在现实中,浏览器之间的差异,以及不同浏览器的“怪癖”却是非常多的,因此客户端检测除了是一种补救措施,更是一种行之有效的开发策略。一.navigator 对象navigator 对象最早由 Netscape Navigator2.0 引入的原创 2017-05-09 00:34:07 · 950 阅读 · 0 评论 -
[25]事件对象
JavaScript 事件的一个重要方面是它们拥有一些相对一致的特点,可以给你的开发提供更多的强大功能。最方便和强大的就是事件对象,他们可以帮你处理鼠标事件和键盘敲击方面的情况,此外还可以修改一般事件的捕获/冒泡流的函数。一. 事件对象事件处理函数的一个标准特性是,以某些方式访问的事件对象包含有关于当前事件的上下文信息。事件处理三部分组成:对象.事件处理函数=函数。例如:单击文档任意处。docume原创 2017-06-16 21:09:53 · 361 阅读 · 0 评论 -
[29]Cookie与存储
随着 Web 越来越复杂,开发者急切的需要能够本地化存储的脚本功能。这个时候,第一个出现的方案:cookie 诞生了。cookie 的意图是:在本地的客户端的磁盘上以很小的文件形式保存数据。一. Cookiecookie 也叫 HTTP Cookie,最初是客户端与服务器端进行会话使用的。比如,会员登录 ,下次回访网站时无须登录了;或者是购物车,购买的商品没有及时付款,过两天发现购物车里还有之前的商原创 2017-06-29 00:27:29 · 307 阅读 · 0 评论 -
[28]错误处理与调试
JavaScript 在错误处理调试上一直是它的软肋,如果脚本出错,给出的提示经常也让人摸不着头脑。ECMAScript 第 3 版为了解决这个问题引入了 try…catch和 throw 语句以及一些错误类型,让开发人员更加适时的处理错误。一. 浏览器错误报告随着浏览器的不断升级,JavaScript 代码的调试能力也逐渐变强。IE、Firefox、Safari 、Chrome 和 Opera 等原创 2017-06-29 00:15:37 · 529 阅读 · 0 评论 -
[27]表单处理
为了分担服务器处理表单的压力,JavaScript 提供了一些解决方案,从而大大打破了依赖服务器的局面。一. 表单介绍在 HTML 中,表单是由<form>元素来表示的,而在 JavaScript 中,表单对应的则是HTMLFormElement类型。HTMLFormElement 继承了 HTMLElement,因此它拥有 HTML 元素具有的默认属性,并且还独有自己的属性和方法:HTMLForm原创 2017-06-17 02:38:17 · 348 阅读 · 0 评论 -
[06]流程控制语句
一、概念1)servlet是一门java的后台技术,用于编写动态文件 2)servlet是一个Servlet接口二、作用servlet是一个java小程序,运行在web服务器里面,用于接收和响应来自于浏览器的HTTP请求。void service(ServletRequest req, ServletResponse res) 用于接收和响应请求的三、servlet开发步骤3.1 编写一个jav原创 2017-03-24 22:19:39 · 216 阅读 · 0 评论