JavaScript脚本化文档(Scripting Document)

摘要: 一、概述客户端Javascript的存在,是为了使静态的Html页面变成可交互的Web应用。可以脚本化Html页面的内容是JavaScript的核心目的。二、选择文档元素1、getElementByID();每个文档的元素都可以赋一个在文档范围内唯一的id属性。在微软IE8之前的浏览器,该方法还会去匹配name属性,然后返回匹配的元素。2、getElementsByName();3、getElementsByTagName();可以在document和element上调用4、getElementByClassName();可以在document和element上调用5、querySelecto 阅读全文
posted @ 2013-11-14 16:59 leungrs 阅读(354) 评论(0) 推荐(0) 编辑

JavaScript正则表达式和模式匹配

摘要: 一、概述正则表达式是一个对象,用来描述字符串的模式。JavaScript用RegExp类表示正则表达式,String和RegExp两个类都定义了一些方法来使用正则表达式,完成一些基于文本的模式匹配、查找与替换等强大功能。JavaScript的正则表达式语法完全是Perl5正则表达式语法的一个子集。本文先介绍正则表达式的语法,然后介绍String和RegExp类使用正则表达式的一些方法。二、定义正则表达式在JavaScript中,正则表达式是用RegExp类表示的,所以我们当然可以使用RegExp的构造函数来定义正则表达式对象;但是就像字符串一样,我们也可以使用字面量来定义正则表达式,只不过字符 阅读全文
posted @ 2013-11-12 18:12 leungrs 阅读(1032) 评论(0) 推荐(0) 编辑

Spherical Mercator球面墨卡托投影

摘要: 球面墨卡托是一个在OpenLayers社区以及其他的一些开源GIS社区所使用的事实上的术语,用来描述GoogleMap,Virtual Earth,Yahoo Map等商业地图API提供者使用的地图投影。这个术语表示这些商业地图API提供者使用的投影是把地球当做一个球体,而不是一个椭球体。为了和这些已经存在的商业地图API能够一起工作,许多生产数据的用户都把他们的数据用球面墨卡托投影,一个主要的例子就是OpenStreetMap地图投影通常使用一个EPSG代码表示,如最常用的EPSG:4326是经纬度投影。球面墨卡托的官方代码是EPSG:3857,非官方的代码EPSG:900913。特别地,大 阅读全文
posted @ 2013-11-11 16:54 leungrs 阅读(1764) 评论(0) 推荐(0) 编辑

jQuery(一)基础、获取和设置属性

摘要: 一、简介1、jQuery可以方便地操作文档,查找文档里的元素,修改元素内容,编辑Html属性和CSS属性,定义事件以及执行动画效果。2、jQuery可以动态生成Ajax Http请求。3、jQuery提供通用的功能,如操作对象和数组。二、基础1、jQuery函数jQuery定义的唯一的全局函数是jQuery(),也是jQuery库中最重要的函数,同时为了简化,该函数的另一个名称是$(). jQuery()是一个重载函数,调用$()的四种方式:(1)、传递一个css选择器参数,可以有可选的第二个参数,第二个参数一般是一个元素或者一个jQuery对象。返回一个jQuery对象,代表了文档中匹配的元 阅读全文
posted @ 2013-11-06 17:34 leungrs 阅读(990) 评论(0) 推荐(0) 编辑

JavaScript处理事件

摘要: 一、客户端JavaScript程序使用的是一种异步事件驱动的编程模型,以下是关于事件的一些概念:event type,事件类型,也叫事件名称,比如:mousemove,click,load,keydownevent target,事件目标,是指事件发生或者事件绑定的对象。event handler,事件处理器或者事件监听器,是事件发生时执行的函数event object,事件对象,事件发生时,传递给事件处理器的参数,一般包括事件类型,事件目标等属性。event propagation,事件传播,也叫事件捕捉(event capturing)是浏览器决定在哪个对象上调用事件的处理器的过程。二、事 阅读全文
posted @ 2013-11-01 16:57 leungrs 阅读(181) 评论(0) 推荐(0) 编辑

JavaScript模块化

摘要: 一、概述JavaScript代码为了提高代码的可重用性,也可以进行模块化。不过JavaScript的模块化并没有像java等语言一样有语言级别的支持,它的模块化更多的是一种代码书写的规范。二、以对象作为命名空间var sets={};//定义一个命名空间sets.Set=sets.AbstractEnumerableSet.extend(...);//在命名空间sets中定义一个类Setvar set=new sets.Set(23);//初始化一个Set对象,使用类的全限定名var Set=sets.Set;//导入sets.Set类var s=new Set(1,2,3);//导入类后,不 阅读全文
posted @ 2013-10-15 11:33 leungrs 阅读(221) 评论(0) 推荐(0) 编辑

JavaScript Array(数组)

摘要: 一、简介1、JavaScript数组的元素可以是任何类型的。2、JavaScript数组可以是稀疏的,这是数组的长度和索引值不一致。3、JavaScript数组是一个特别的对象。索引就是这个数组对象的属性,只不过恰巧数组的属性是一系列整数字符串而已。二、数组创建1、var x=12;var arr=[x,x+1,x+2];//数组的元素不一定要是常量,也可以为表达式。每次引用数组,都会对表达式求值。2、var y=[1,,2,,,];//数组不是每个元素要是指定,没指定的值为undefined,并且忽略最后一个逗号,所以这个数组有5个元素,而不是六个,分别为:1,undefind,2,unde 阅读全文
posted @ 2013-09-27 16:54 leungrs 阅读(291) 评论(0) 推荐(0) 编辑

JavaScript Object

摘要: 一、简述JavaScript的基础类型是Object(对象),一个对象是一个复合值,它聚合了多个值,允许你通过一个名称来存储或者检索一个值。或者说一个对象是一个无序的属性(property)的集合,每个属性包含属性名和属性值。属性名是一个字符串,属性值可以为任意对象,所以可以认为对象是字符串到值的映射。类似其他语言中的哈希表,字典之类的。但是JavaScript对象也不简简单单的是一个属性的集合,它还包括从另一个对象继承来的属性,这个被继承的对象,叫做该对象的原型(prototype)。一个对象上的方法通常是可以继承的属性。这种原型继承是JavaScript的一个非常关键的特性。JavaScr 阅读全文
posted @ 2013-09-26 17:51 leungrs 阅读(385) 评论(0) 推荐(0) 编辑

JavaScript语句

摘要: JavaScript语句是JS解释器能够解释执行的代码单元,一般用分号分割。有副作用的表达式可以加上分号而构成一个语句。1、最简单的语句就是能产生副作用的表达式,如:赋值表达式(=,+=等等),自增自减表达式(++,--),加上分号,一般都可以作为语句。如:i++;i=7;是合法有效的表达式,但是没有副作用的表达式不成为一个语句,如3+5;2、delete操作符有副作用,也可作为语句,如delete obj.x;3、函数调用,也可以作为语句。如:alert("hello");window.close();这些客户端函数,可以对客户端产生副作用。没有副作用的函数调用,一般没必 阅读全文
posted @ 2013-09-26 14:05 leungrs 阅读(217) 评论(0) 推荐(0) 编辑

JavaScript表达式和操作符

摘要: 一、JavaScript表达式1、主要表达式:不能细分成更小的表达式,是构成其他复杂表达式的组成部分。包括:常量或字面量,某些语言关键字,变量引用。常量或字面量:12.3,/pattern/,"abc"关键字:null,true,false,this变量引用:i,sum,undefined(不是关键字,是个全局变量)2、对象或者数组初始化器是一个表达式,如:{x:1,y:2};[1,2,3]3、函数定义也是一个表达式,如:var func=function(x){return x*x;}4、属性访问表达式,两种方式:expression.identifier或者expres 阅读全文
posted @ 2013-09-25 17:30 leungrs 阅读(422) 评论(0) 推荐(0) 编辑