JavaScript总结

axl234

浏览: 268508 次
性别:
来自: 北京

最近访客更多访客>>

ShaLongBus

398466028

54931104

qq22903594

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

javascript

在HTML里嵌入javascript

　　可以经由过程<script>标签把javascript代码嵌入到HTML文件里。语法如下：

　　 <script> //代表脚本说话的开端。

　　 </script> //代表脚本说话的停止。

　　 //javascript 代码

　　 </script>

　　 Language属性指出编写脚本所应用的说话。

　　 Type 属性指出脚本的类型。

　　还有src属性用于指出脚本文件名（.js）。

　　这里要指出的是除了事务响应法度以外，任何javascript代码必必要写在<script>与</script>之间。

　　可以在HTML以下的4个项目组中应用javascript：

　　 <body>与</body>：此时，脚本会在浏览器load页面时被履行。

　　 <head>与</head>：此时，脚本不会被浏览器所履行。但，可以被其他脚本所引用。

　　在HTML标签内部的javascript：称为“事务响应法度“，并容许脚本处理惩罚HTML元素。

　　 .js文件：可以把javascript写在一个自力的javascript文件中，然后在由src属性引用它。这是标准的写法。

　　标准的写法是，在HTML外部编写自力的.js文件。然后在由<script>的src属性引用该文件。如许做的原因是：可以使HTML文件清楚并且体积小、布局化好、便于保护javascript、可读性加强等。

　　若是在<script>标签内引用了.js文件的话，则，<script>与</script>之间的代码将会被浏览器忽视掉。凡是也没有须要再在这里写任何javascript语句了。

　　编写自力的javascript文件（.js）有一个明显的长处:

　　多个文档可以同时应用一个.js文件，因为浏览器会在缓存中保存脚本文件，所以如许可以很有效的缩短显示网页的时候。

Javascript的事务响应机制:

　　因为javascript可以很好的实现交互式的页面，所以“事务响应“机制是必不成少的。

　　可以经由过程以下语法实现事务响应的定义：

　　可以在HTML标签内部指定将要响应的事务名，与””括住的响应办法。来实现。我们可以把事务的响应代码放在自力的javascript文件中。如许可以把一个.js文件应用到多个标签上。不单可以节俭代码，当要批改响应代码的时辰也很是的便利。就象是C中的宏定义一样。

什么是DOM ？

　　 DOM就是Document Object Model的缩写。翻译成中文就是”文档对象模型”。是指用来浮现WEB文档的一组标准化对象的应用。应用javascript经由过程DOM可以完全的把握全部页面。

Javascript在浏览器之外的应用：

　　凡是javascript是运行在WEB浏览器上的，然则javascript在其他应用法度上的应用也是日益广泛。下面介绍几点javascript在其他景象运行的版本：

　　用于WEB的应用法度与多媒体，比如flash。可以经由过程javascript进行扩大。

　　有几种办事器版的javascript，它们运行在WEB办事器上。

　　Microsoft公司的”Windows脚本宿主”支撑jscript（javascript的微软版本）是Windows的通用脚本说话。

　　除了以上的例子外，javascript一向在向通用脚本说话的标的目标成长。将来javascript版本将会做出更多的改进。

　　 Javascript的应用方面：

　　改良导航功能：javascript最常用的应用就是网站的导航体系，这是javascript实现交互式页面的最直接的表现。并且该功能在不支撑javascript的浏览器上一样可以应用的。

　　验证表单：应用一个简单脚本就可以读取表单数据，同时确保输入格局的正确。而不必守候办事器的响应。

　　特殊结果的实现：可以创建一些简单并且美观的特殊结果，来吸引接见者的眼球。当然不要做的太花俏，甚至会让接见者感触感染到憎恶。

　　Ajax（长途脚本）：长久以来，javascript最大的缺点是：没有办法与办事端通信。Ajax使得不须要加载页面的景象下上传数据到办事端或从办事端数据到本地。

　　姑且插上一句：哄骗W3C的DOM可以在页面中创建出：可拖放的对象、之间的逐渐淡去结果等。

javascript编程根蒂根基

　　 Javascript中的语句：

　　语句是javascript脚本的根蒂根基构成单位，其实，一条语句就是履行某一特定功能的代码罢了，凡是由分号（;）结尾。每一条语句可以在javascript把握台中零丁被履行。在javascript中语句并不必然非要以分号结尾的，在语句独有一行的时辰可以不写分号的，然则笔者建议大师必然要写分号，如许可以进步代码的可读性。当然这也是标准的写法。

　　哄骗函数（function）来完成任务：

　　在javascript中应用函数的长处有2处：

　　可以很好的把脚本的各个逻辑块分别，从而让脚本更便于人们懂得。布局化加强，便于保护。

　　可以避免应用反复的语句，从而降落终极脚本的体积。函数的通用性使得哄骗固有的算法处理惩罚不合的数据（data）。

　　Javascript包含很多内置函数，从而javascript可以完成更为强大的功能，使得开辟加倍的简单、高效。

　　 Javascript中的变量：

　　在javascript中可以经由过程关键字 var 声明变量，例如：

　　 var value=99;

　　以上语句声了然一个变量 value 并且向其内部赋入99。

　　在javascript中变量可以隐含被声明，也就是不必指定关键字var 。javascript中变量是无类型的，正确的说是在声明的时辰不消给变量指定命据类型。

　　懂得javascript中的对象（object）：

　　Javascript支撑对象，所以我们可以把它懂得为“面向对象”。然则它并不是真正的支撑面向对象，然则javascript正在向着这方面成长。信赖在不久的将来javascript可以实现真正的面向对象机制。

　　因为“面向对象”与“面向过程”是2种完全不合的“法度设计思惟”，所以有一些关于面向对象的概念须要我们从头来熟悉：

　　对象中储存的数据称为对象的属性（描述对象的静态特点）。

　　基于对象的办法（对数据的操纵）被称为行动（对象所具有的行动，属于对象的动态特点）。

　　在javascript中也和其他面向对象的说话雷同，是应用 . 来引用对象的成员，比如：

　　Object.Display（）;

　　Javascript支撑3种类型的对象：

　　Javascript的内置对象：Date String Array Math等。

　　文档对象模型（document object model）：该对象默示了浏览器的组建与当前HTML文档。

　　自定义对象：由法度员本身创建的对象。

　　 Javascript中的“事务响应法度”：

　　Javascript中的事务处理惩罚法度实际上就是处理惩罚页面事务的脚本罢了。一个事务实际上就是产生在浏览器中的一个动作，可以用以下关系来描述：

　　动作 ->触发-> 事务

　　一个事务实际上注解了产生在某一特定对象上的动作，脚本可以经由过程预先设定的响应代码来响应当事务。

　　有些“事务”是预期的，或者说是：我们它（事务）产生的。而有些事务则是在我们预期只外的，我们不它产生的。

　　Javascript中的事务响应法度，告诉浏览器在一个特定的事务产生时，它（浏览器）该如何做。脚本（script）是遵守用户的动作来响应的，并非次序履行。有些事务是由用户所触发的，而有些则是由浏览器所触发的，比如页面完毕等。

　　每个事务处理惩罚法度与一个浏览器对象相接洽关系，也就是说：它（事务）只为该对象办事。每一个浏览器对象所可以或许到的事务都不合，我们可以在对象标签内指定事务响应法度。

　　 WEB浏览器履行脚本的次序：

　　在一个WEB文档里，可能包含了多个脚本。也就是多组<script></script>标签，然则浏览器先履行哪个脚本后履行哪个脚本呢？这由一个“逻辑情势”所决意：

　　先履行<head></head>标签内部的script，因为<head></head>标签内的脚本不克不及够懂得被履行而只是被预先定义，一被后面的脚本所引用。所以在这里定义函数是很是合适的。

　　履行完<head></head>之后，浏览器开端履行<body></bodu>标签，该标签内的脚本将会被立即履行。若是在<body></body>有多个脚本则遵守先后次序依次被履行。

　　此时浏览器将会进入守候状况，守候事务的产生。当特定事务产生时，浏览器会去履行预先定义的事务处理惩罚法度（凡是被定义在<head></head>标签内。

　　 Javascript语律例则：

　　Javascript的语律例则，就是定义如何来应用该说话。Javascript的语律例则应当是有浏览器内部的申明器定义。以下有几点javascript的几点根蒂根基规矩：

　　区分大小写：javascript中的标识符是区分大小写的，这与其他一些说话是雷同的。Javascript中的关键字必必要小写。Javascript的内置对象是以大写字母开首的，比如:Math\Date等。DOM（文档对象模型）对象必必要小写，但其办法凡是是大小写混淆。标识符大小写错误，可以被浏览器辨认，属于是语法错误。

　　标识符的定名规矩：javascript中的标识符可所以字母、数字、下划线。然则标识符不成以以数字开首。这一点与C说话是雷同的。

　　保存字：保存字是javascript说话体系所定义的具有特别含义的‘词’。不成以用做标识符。Javascript中的保存字包含：把握法度履行流程的if\for，DOM对象window\document，还有内置对象Date\Math等。

　　空格符号：javascript是忽视空格的，包含在一行在包含空格与TAB符号，或者是空白行。空格的呈现主如果为了进步javascript的可读性。

　　在javascript中应用注释：

　　进修过策画机说话的人都应当知道“注释”实际上就是对法度代码的附加申明，主如果为了进步可读性的目标。这在其他人浏览你写的法度或过一段时候在回过火来读本身的法度都是很是有帮助的。若是想在javascript中添加注释的话，可以应用以下2种格局：

　　1，//注释申明，此种格局的注释首要用于为一行代码注释申明应用的，与C++的注释语法是一样的。

　　2，/*注释申明*/，此种格局的注释将跨越多行把阔住的内容注释掉。这是C说话风格的注释，在调试代码的时辰是很是有帮助的。

　　在注释局限内的所有内容都将被申明法度所忽视，不会获得履行机会。这里有一点要重视到：以上2种注释办法，是基于javascript的，所以只可以或许在<script>标签内应用或是在.js文件中应用。不成以应用在HTML标签之间。

应用link和anchor对象：

　　Link是document的子对象，可以如许来引用它:document.link; link对象代表一个连接。可以经由过程links数组来接见多个link对象，links数组中的每一个元素都是当前文档中的一个link对象。经由过程该语句可以获得当前页面中的连接数量：document.links.length; link的Href属性包含了当前连接的完全URL。

　　Anchor对象也是document的子对象，anchor对象代表了当前文档直接跳转的地位。

基于WEB浏览器的history对象：

　　History是window的子对象，history对象保存着当前URL之前与之后接见过的地址。并且history对象包含了达到之前地址与之后地址的办法。

History对象只有一个可以被接见属性:

　　 History.length：该属性保存了用户曾经接见过的网址数量，也就是汗青列表的长度。

History供给了3个办法来接见汗青列表：

　　history.go（）：打开汗青列表中的指定网址。

　　history.back（）：打开汗青列表总的前一网址。

　　history.forward（）：打开汗青列表中的后一个网址（若是有的话）。

应用location对象：

　　Location是window的子对象，该对象储存了当前窗口地址栏中的URL信息。

　　Location对象的属性包含：

　　location.protocol：该属性保存了URL的和谈项目组。

　　location.hostname：该属性保存了URL的主机名项目组。

　　location.port：该属性保存了URL中的端标语项目组。

　　location.pathname：该属性保存了URL中的文件名项目组。

　　location.search：保存了URL的查询项目组（若是有的话）。

　　location.hash：保存了URL中的anchor名称（若是有的话）。

　　凡是会用到location.href属性来加载新页面到当前浏览器窗口。

Location对象有2个办法：

　　location.reload（）：该办刷新当前页面，若是给定参数 true 的话，则不保存当前页面中的更改强行从头加载页面。

　　location.replace（）：调换一个新的地位。

四：javascript中的变量、字符串与数组

给变量定名的规矩：

　　在javascript中变量是有名称的一个容器，用于储存数据。而给变量定名的时辰要遵守必然的规矩：

　　变量名称可以包含字母、数字、下划线。

　　变量名称中不成以呈现空格或其他标点符号。

　　变量名称的第一个字符不容许是数字。

　　变量名称是区分大小写的。

　　Javascript中的变量名没有长度限制，然则变量名必必要写在一行中。

　　建议在变量定名的时辰给变量取一个顾名思义的名字，如许可以进步可读性。不易被忘怀。

局部变量与全局变量：

　　Javascript中可以经由过程关键字var来声明变量，然则var也可以省略掉。因为在给变量赋值的同时就已经隐含的被声了然。有变量相干的有一个概念“感化域”，也就是变量存在的局限。当变量分开了该局限，它就不存在了。遵守感化域来分类变量，可以分为2类：

　　全局变量：该种变量的感化域在HTML文档中的所有脚本中。

　　局部变量：该种变量只可以在被声明的函数内部应用，分开声明它的函数，就不存在了。

　　声明在所有函数之外的变量被认为是全局变量，可以经由过程var关键字也可以省略var关键字。然则笔者建议始终应用var来声明变量，如许不单可以进步可读性，与可懂得性。并且不会给脚本带来任何副感化。

　　声明在函数内部的变量被认为是局部变量，函数内部的局部变量必必要经由过程var关键字来声明。函数的情势参数也属于该函数的局部变量。

Javascript中的数据类型：

　　在一些策画机说话中声明变量必必要指定该变量的数据类型（它要储存的数据的类型），但在javascript中没须要如许做。然则你必必要知道javascript可以处理惩罚哪些类型的数据。

Javascript的根蒂根基数据类型包含：

　　数字：该类数据包含整数与浮点数。

　　Boolean：该类变量的取值局限为 true 或false。

　　字符串（string）：由一个或多个被包含在双引号中的字符构成，严格的来说它是对象。在很多面向对象的说话中，都已经把字符串做为对象来处理惩罚。

　　空值：用关键字null默示，变量未被赋值的发挥解析。

　　其实在javascript中变量的数据类型可以随时被改变，比如：

　　 Value=99;

　　 Value=”LiquidWorm”;

　　在履行的时辰不会呈现任何错误，然则这种做法并不被推荐。笔者可以或许持之以恒的处理惩罚同一类型的数据。

数据类型之间的转换：

　　Javascript中的类型转换大多半时辰是由申明法度主动来完成的，以下2个函数用于转换类型：

　　parseInt（）：该函数将给定为形参的字符串转换为数值，转换道理是把字符串中默示数值等子串转换为等价的数值型数据，而其它非数值型的数据将会被忽视掉。

　　parseFloat（）：与以上函数类似，只不过该函数是把字符串转换为浮点数罢了。

　　以上2个函数都是从字符串的开端处读取并开端转换，非数值型数据将会被忽视掉。

　　以上2个函数若是没有发明一个有效的数字的话，将会返回NaN（非数字）。

Javascript中的字符串对象（String）：

　　在一些基于面向对象的说话中，已经把字符串作为对象来处理惩罚了。基于字符串的相干算法也已经集成到对象内部了。如许的封装与组织使得处理惩罚字符串变的加倍的灵活与天然。当然在javascript中字符串也被处理惩罚为对象（String）。

在javascript中有以下2种办法可以创建字符串对象：

　　原始的创建办法，即把一个字符串数据赋给一个变量。这是早期非面向对象说话的语法格局，比如C说话。Test=”I is Liquidworm”;

　　基于面向对象思惟的语法，该办法在当前高等与支撑面向对象的说话中被广泛应用。当然在javascript中笔者也推荐大师应用该语法，便于今后的移植性，因为将来的javascript可能会放弃第一种语法，而实现完全支撑面向对象机制。Test=new String（“I is Liquidworm”）;

　　上方应用到了new关键字，它用于创建对象。New关键字告诉浏览器实例化一个对象String到test并且给定参数到机关办法。

　　姑且插上一句：+ 该运算符，不单可以在数学表达式中算作加法运算符，若是表达式中存在字符串可以用于连接字符串。该运算符的呈现使得字符串连接操纵变地很是简单。也就是说，若是该运算符号的2个操纵对象中有一个是字符串则表达式的终极值应当是一个新的字符串。还可以应用 += 运算符想字符串变量追加字符串。

如何策画字符串的长度（length）：

　　Javascript供给了最简单的办法实现这一点，String对象的length属性包含了当前字符串的长度，我们可以直接读取到。比如：test.length; 这个语句默示了test字符串中字符的数量。这里值得夸大的是length属性是只读属性，也就是不容许被外部改变的。当然这也是很不公道的。

字符串大小写的互相转换：

　　String对象供给了2个办法可以实现这一点，2种办法分别可以让字符串中的所有字符全部转换为大写或小写。

　　toUpperCase（）：该办将字符串中的所有字符转换为大写。

　　toLowerCase（）：该办将字符串中的所有字符转换为小写。

　　这里值得重视的是，以上2种办法返回的只是原字符串被转换为大写或小写的一个副本，原字符串本身并没有被改变。比如：

　　 Test=new String（“I is Liquidworm”）;

　　 Document.write（test.toLowerCase（））;

　　 Document.write（test）;

　　以上语句，我没有去履行。然则遵守最初的假想应当会有2个输出，分别是：

　　 i is liquidworm

　　 I is Liquidworm

　　从而应当熟悉打听，若是想要把test转换为大写或小写，可以如许来实现：

　　 test=test.toLowerCase（）;

　　子串（字符串的项目组）：

　　Javascript支撑对子串的操纵，也支撑对字符串中单个字符的获取。

　　substring（）：该办法可以获得子串。

　　charAt（）：获得一个字符。

数值型的数组：

　　数组在其他说话中也存在该布局，所以这里只须要谈谈与其他说话的不合点。简单的来懂得就是：同类型变量的有限凑集。Javascript中的数组可以包含字符串、数字、对象。

　　与javascript中的其他通俗变量不合的是，数组在应用之前必必要先被声明。声明一个数组语法类似于以下：

　　 Score=new Array（9）;

　　以上语句声了然一个数组Score，最多可以存储9个元素。上方的语法该如何来懂得呢。实际上是一种申请内存空间的办法。

　　 Array（9） //代表9个特定元素的长度。

　　 New //申请。

　　 New Array（9）; //就是申请9个特定元素的长度。

　　 Score // 变量，是一个容器。用语存储数据。

　　 Score=new Array（9）; //就是告诉申明法度分派9个元素长度的内存空间到score变量。

　　若是想给数组元素赋值的话，可以经由过程类似于以下的语法来实现：

　　 Score[index]=value; //把指定命据赋给指定索引的元素。

　　Javascript中的索引实际上就是C中的下标，索引从0到 length-1。

可以应用以下语法初始化数组：

　　 Score=new Array（32，21，10，65，87）;

　　申明法度可以按照给定的参数个数来恰当分派内存。

　　数组也象String一样有长度属性（length），可以很便利的获得数字的长度。若是在声明数组时辰给定了长度，那么这个给定的长度就是length的值。

　　 Score=new Array（9）;

　　 Document.write（Score.length）;

　　输出：9

五：函数与对象：

　　函数可以有效的组织代码，从而避免应用了过多的反复代码。并且一个函数可以同时为多个脚本办事。而对象将会加倍的强大，其内部包含了要处理惩罚的数据与处理惩罚数据的相干算法。

Javascript中的函数（function）：

　　固然可以在<script>与</script>标签之间嵌入javascript，然则如许只合适较小的脚本，并且笔者并不推荐这种布局。对于斗劲错杂与专业的法度，如许的布局导致了后期的保护相当的艰苦。函数（function）的呈现也是为懂得决该题目。

如何定义函数：

　　在javascript中函数被做为一个根蒂根基的构成模块对待，要定义函数必须遵守以下格局来完成：

　　 Function name（）

　　 {

　　 //函数体（语句序列）

　　 }

　　Function：是关键字，用于定义函数。

　　Name:是标识符，是给函数取的名字。

　　当然，函数也可以接管一个或更多的参数，以实现它的通用性。

　　若是想在HTML中嵌入函数的话，最好的地位会是<head>标签内，因为<head>中的语句将会被先履行，如许可以包管函数在被调用之前已经被定义过。

如何来调用已定义过的函数：

　　调用函数，实际上就是给被调用函数一次履行的机会，可所以给定参数的调用或无参数的调用。这里有一点要重视的是，javascript中函数调用过程中参数的传递体式格式是“值传递“，也就是会copy一个副本畴昔。比如可以用以下的语句来调用前面定义过的函数：

　　 Name（）;

　　姑且插上一句：浏览器在显示警告框的同时，javascript代码将会被挂起。直到按下断定按扭。

返回值关于函数（function）：

　　作为函数它的最后一项任务就是要把处理惩罚的成果返回给主掉者，当然这也是函数的终极目标：

　　 return result;

　　return 是javascript说话体系中预先定义的关键字。用于返回数据的。很多说话中都应用该关键字。这里有一点要重视的是，可以在表达式中应用函数调用，前提是该函数有返回值。

Javascript中的对象（object）：

　　实际上要熟悉打听，javascript并没做到完全支撑面向对象机制，而只是支撑面向对象机制的一项目组。对象=变量+办法这个表达式凡是景象下成立的，对象中的变量可以懂得为对象的属性，用于描述对象的静态特点，而对象中的办法实际上就是对象所具有的行动，是对象的动态特点。

　　Javascript中的对象遵守组建类型来分类可以分为以下几类：

　　DOM对象：容许javascript与WEB页面交互。

　　内置对象：是说话体系预先定义的对象，可以在脚本中直接来引用。

　　自定义对象：由脚本编写者本身来定义。

对象（object）可以简化脚本：

　　在javascript中我们凡是处理惩罚数据都是应用的变量，这里在处理惩罚简单数据时很有效。然则有的时辰我们要处理惩罚一些斗劲具体的对象布局，比如人员经管体系、图书经管体系等。在处理惩罚这类布局的时辰我们可以应用对象（object）。他可以很好的组织要要出的数据与应用的操纵。在javascript中的对象实际上可以默示一个显示中的自力存在的实体。

　　 Javascript中如何定义对象（object）：

　　定义对象分为以下几个步调：

　　给对象选一个合适它与顾名思义的名字。

　　给该对象订定所须要的属性，也就是不合的变量。

　　定义一个函数（function）作为对象（object）的机关函数，用于创建该对象。对象机关函数定义类似于下面：

　　Function obj（name，address，work，home）

　　{

　　 This.name=name;

　　 This.address=address;

　　 This.work=work;

　　 This.home=home;

　　}

　　机关函数中的关键字this 代表当前即将创建的对象。

如何给对象定义办法：

　　因为javascript中的同一类对象都有雷同的属性，所以我们可以定义一个办法赞成的为所有同一类对象应用。脚本编写者定义的办法必必要以函数（function）的情势编写。定义对象的办法类似于以下语法：

　　 Function printObj（）

　　 {

　　 This.name; //凡是须要应用到对象内部的属性

　　 //函数体

　　}

　　凡是对象办法须要读取对象的属性，以上我们定义了对象的办法，然则它还没有成为obj对象的办法。在定义完对象的办法今后，还须要把该办法指定给对象。告诉对象它有一个成员办法。

　　 //定义对象

　　Function Obj（name，home）

　　{

　　 This.name=name;

　　 This.home=home;

　　 This.objPrint=objPrint;

　　}

　　以上代码定义了一个对象Obj，并且给该对象指定了它的成员办法objPrint（）。大师可以很轻易的看到给对象添加办法就象对象属性一样，然则objPrint之前被定义为函数（function）所以对象会调用该外部函数。

　　姑且插上一句：javascript中凡是的好习惯是，变量名一般用小写，而办法名一般用大写。

对象的实例化（派生）：

　　在javascript中可以经由过程关键字 new 来派生一个对象的实例，派生对象语法类似于以下：

　　 Tom=new Obj（“name”，”555-9999”）;

　　Javascript中可以把定义对象时的对象懂得为对象的摸板，当须要应用该对象的时辰可以按照该摸板来派生对象的实例。以上语句按照给定的机关参数派生了一个对象实例tom。在派生对象时也可以不给定机关参数，今后可以再次赋值。

扩大内置对象：

　　Javascript供给了一种功能，可以扩大内置对象的定义。可以向其内部添加属性与办法。Prototype关键字容许在对象机关函数之外更改对象的定义。

　　向内置对象添加属性与办法分为以下几个步调：

　　定义外部函数，作为内置对象的新办法

　　Object.prototype.newfunction=newfunction;　　

六：javascript中的内置对象与法度库

Math对象：

　　该对象属于javascript的内置对象，包含了数学常数与函数。

　　如何经由过程Math对象来生成随机数？

　　可以经由过程Math.random（）来生成随机数，该办法不接管任何参数。Math.random（）返回0-1之间的随机小数。

With关键字：

　　With关键字可以节俭代码量。With可以指定一个对象名称，并且包含被扩在大括号内部的语句块。块内的属性与办法若是没有明白指定对象的话，都将认为是with指定对象的属性与办法。

日期对象Date：

　　Date属于javascript内置对象，可认为日期与时候的处理惩罚供给便利。Date对象没有任何属性。

Date对象的实例化：

　　可以经由过程new关键字来派生一个Date对象，可以指定机关参数。若是不指定机关参数的话，当前时候将会被存储在Date对象里。

第三办法度库：

　　应用第三办法度库的益处是，应用起码的代码实现最错杂的功能。第三办法度库实际上是有些其他脚本编写者写的.js文件，我们可以直接把该文件保存到站点目次然后直接用<script>标签来引用就可以了。

七：事务响应

什么是事务处理惩罚法度：

　　事务就是在浏览器中产生的事，事务处理惩罚法度就是要响应这个事务。事务的存在网页的交互性大大的进步了。

　　事务关于对象：

　　每个事务都有一个接洽关系的对象，既该事务被触发的处所。每个事务都有一个名称，若是在某一个对象上被触发了预先的事务，那该对象的事务处理惩罚法度就获得了一次履行的机会。

　　姑且插上一句：重视事务名的抒写格局，on老是小写，事务名中的没个单词都是首字母大写。

如何来创建事务处理惩罚法度：

　　可认为零丁的HTML标签指定事务处理惩罚法度。可以把事务处理惩罚法度写为外部函数，然后在爱事务产生时调用它就可以了。

在javascript中如何定义事务处理惩罚法度？

　　可以把事务处理惩罚法度写在.js文件中，如许的话可以随时打开或封闭该事务处理惩罚法度，对于更新时候处理惩罚法度也是很是便利的。笔者推荐这种写法，可以完全作到与HTML分别。

定义事务处理惩罚函数的具体办法是：

　　定义事务处理惩罚函数（function）。

　　把之前定义的函数指定为事务处理惩罚函数。

　　用代码可以描述为：

　　 Function mousealert（）

　　 {

　　 Alert（“You clicked the mouse!”）;

　　}

　　以上代码定义了一个事务处理惩罚函数，接下来：

　　断定该事务要接洽关系的对象，并给该对象指定独一的ID属性。

　　 Obj=Document.getElementById（“link1”）;

　　以上代码找到了ID属性为link1的HTML对象，保存到obj中。

　　Obj.onClick=mousealert;

　　以上代码把预先定义的函数mousealert（）指定为obj对象onClick事务的处理惩罚函数。

　　哄骗以上的技巧，可以把一个函数指定给多个对象，从而代码量大大削减。并且实现与HTML分别，不会给后期保护带来任何麻烦。

Event对象：

　　在某个事务被触发时，可能须要懂得更具体的信息关于该事务。要知道，event对象是属于DOM的，并非是javascript的。很简单，我们只须要在特定事务被触发时，把event传递给事务处理惩罚函数就可以了。

　　然后在在该函数中具体处理惩罚。

　　 Function getkey（event）

　　 {

　　 }

　　在Firefox中event对象会被主动传递到事务处理惩罚函数，而IE中则保存在window.event中。所以我们在接管到event的时辰要断定，若是event为空的话，必必要从window.event中获得该对象。

　　Function getkey（e）

　　{

　　 If（!e）

　　 E=Window.event;

　　}

　　以上代码包管了无论是Firefox还是IE都可以正确的获得事务加倍具体的信息。

九：窗口与框架

　　本章首要讲解window对象，也就意味着可以直接操纵浏览器窗口。还要介绍到一种变异的window对象我们称为“框架”。

　　姑且插上一句：self关键字代表当前窗口。相当于window对象。

如何创建一个新窗口？

　　可以经由过程window.open（）办法创建新WEB浏览器窗口，该办法语法如下：

　　 winObj=window.open（“URL”，”windowName”，”feature list”）;

　　下面将扼要的介绍一下window.open（）办法的参数：

　　URL：新窗口将要打开WEB文档的URL地址，若是该参数为空，则新窗口不会加载任何页面。

　　windowName：顾名思义，就是新窗口的名字，该参数将被付与window对象的name属性。

　　feature list：该参数是一个可选参数，用于定制新窗口的相干特点。各个项之间用逗号（，）间隔。

打开与封闭窗口：

　　可以经由过程window.close（）办法封闭窗口，例如：

　　 Updatewindow.close（）;

　　以上代码封闭了窗口window。

　　这里有一点要重视的是：浏览器一般不容许封闭主窗口，若是可以封闭的话，前提也是要获得用户的赞成。

移动与改变窗口的大小：

　　DOM容许移动与改变窗口大小，以下办法可用于移动与改变window对象大小：

　　window.moveTo（）：可以把窗口移动到新的地位。

　　window.moveBy（）：移动窗口到与当前地位相对的地位上。

　　window.resizeTo（）：一向的高度与宽度从头设置窗口的尺寸。

　　window.resizeBy（）：调剂窗口尺寸，相对于当前尺寸。

Javascript中的超时功能：

　　一般最难的事，就是让脚本在特按时候内什么都不做，荣幸的是javascript供给了内置的办法 window.setTimeout（）该办法可以指定延时的时候与之后要履行的指令。

　　姑且插一句：超时的功能并不会让浏览器停止工作，在超时阶段内，浏览器还可以处理惩罚其他工作。比如响应事务。

　　window.setTimeout（“alert（‘Time Up’）”，10000）;

　　以上代码可以实现让脚本延时10秒，然后履行alert（）函数。

　　如何让超时到期之前停止它呢？

　　可以应用clearTimeout（）办法，指定一个标识符。标识符是setTimeout（）的返回值。

如安在javascript中显示对话框：

　　Window对象含有3个办法，用于显示不合类型的对话框：

　　window.alert（）：首要用于显示警告对话框，该对话框显示一个消息（message）给接见者。

　　window.confirm（）：用语显示确认对话框，若是选择断定按扭则返回true，若是选择了作废按扭则返回false。

　　window.prompt（）：实用提示用户输入，并且返回用户输入的文本。

　　姑且插一句：凡是在应用window对象的体式格式时，可以省略window直接写对象名就可以了。这是因为window对象是javascript默认的高低文景象。

十：哄骗表单获取用户数据

　　 Javascript中最强大的应用就是处理惩罚HTML表单，并且介绍到如何经由过程javascript进步HTML表单的交互性。

如何经由过程HTML定义表单：

　　HTML表单从<form>标签开端，<form>标签的属性包含：name\method\action\enctype。<form>标签之后可所以一个或多个表单位素。

如何应用<form>标签：

　　HTML中的表单在javascript顶用一个对象来默示，该对象就是<form>标签的name属性。

　　也可以经由过程forms数组来引用表单对象，forms的每一个元素都是页面中的一个表单（form）。

　　下面简单记录下form对象的属性：

　　action：指定了接管表单数据的办事端法度。

　　enctype：表单数据加密时采取的mime类型。

　　length：指出了表单中元素的数量，该属性是只读属性。

　　method：提交表单的体式格式，可所以get或post，该属性决意发送的数据格局。

　　target：指定用来显示表单成果（来自CGI脚本）的窗口。

　　提交或重置表单：

　　Form对象有2个办法：submit（）与reset（）这2个办法可以实现提交表单与重置表单。

　　事务关于表单：

　　Form对象有2个事务：onSubmit与onReset ：

　　 onSubmit：该事务会使得表单数据被提交给CGI脚本之前响应。

　　脚本关于表单位素：

　　Elements数组是form的属性，该数组中每一个元素都是一个表单位素。该类数组的length属性指出了数组中元素的数量，也就是表单或表单位素的数量。比如：

　　 Document.order.elements[0]

　　以上语句默示order表单中的第一个表单位素。

　　 Document.order.name1;

　　以上语句也默示了order表单中第一个元素name1

　　Document.forms.length;

　　以上代码默示了当前文档中的表单数量

　　 Document.form1.elements.length;

　　以上代码默示了form1表单中表单位素的数量。

　　姑且插上一句：可认为HTML标签指定ID属性，然后在javascript脚本中哄骗getElementById（）办法查找指定ID标识的标签对象，比如：

　　 Test=getElementById（“form1”）;

文本字段关于表单位素：

　　文本字段是表单中最常用来收集用户信息的元素，当然也可以显示信息给用户。以下定义了一个文本字段最简单的例子：

　　Text对象的属性：

　　name：是该对象的名称，首要起到标识的感化。

　　defaultValue：文本字段的默认值，该属性是只读属性。

　　value：是当前值，该属性最初与defaultValue雷同。

　　文本区域关于表单位素：

　　文本区域应用独有的标签<textarea>来定义，文本区域与文本字段的差别就是文本区域容许用户输入多行数据，而文本字段只可以输入一行数据。以下定义了一个最简单的文本区域：

　　This is Test

　　</textarea>

　　以上HTML定义了一个文本区域最多容许用户输入2行与70列的文本。<textarea>与</textarea>标签之间的文本是该文本区域的默认值。

如何处理惩罚表单中的文本？

　　可以经由过程办法来直接操纵文本字段与文本区域，也可以经由过程事务来检测文本字段与文本区域的变更。

　　以下办法text与textarea对象同时支撑：

　　focus（）：使文本字段或文本区域获得输入核心。

　　blur（）：落空输入核心，与上一办好相反。

　　（）：选择文本字段或文本区域中的全部文本。

按扭关于表单位素：

　　按扭应用<input>标签，并可以应用3种type属性创建：

　　type=”submit” 可以把表单数据发送到CGI脚本。

　　type=”reset” 可以把所有表单字段恢复到默认值。

　　type=”button” 通用按扭，本身不履行任何动作。

　　以下创建了一个最简单按扭的例子:

复选框关于表单位素：

　　单击一个复选框，会在打开与封闭2种状况之间切换。复选框可以应用<input>标签来定义：

　　Checkbox对象的4个属性分别是：

　　name：该属性默示了复选框的名称，标识了该对象。

　　value：复选框被选总时，将把该属性值发送的办事端。

　　checked：该属性的值是bollean，选中时为true作废时为false。

　　以下代码选中了位于order表单中的Liquidworm复选框：

　　Document.order.Liquidworm.checked=true;

　　除此之外checkbox还有一个办法 click（），该办法模仿单击复选框。

　　Checkbox还有一个事务 onClcik，该事务由单击复选框被触发。

下拉列表：

　　下拉列表也属于表单位素，它由<>标签定义。

　　Select对象具有下列属性：

　　name：下拉列表的名称。

　　length：指出列表中选项的数量。

　　options：该属性默示选项数组，每个可选项都在该数组中有一个条目。

　　edIndex：返回当前被选中选项的索引值。

十四：调试javascript代码

如何避免BUG的呈现：

　　BUG实际上就是软件中存在的错误，影响法度正常履行的缺点。无论是编写法度还是脚本都有可能存在一个或多个BUG。

　　培养杰出的编码习惯：

　　没有任何一位法度员可以一次成功且不呈现题目的。编写质量高的脚本的好习惯是：

　　脚本代码的格局要合适标准，可读性强。

　　给关键代码添加注释，便于移交代码或今后回想代码。

　　Javascript语句应当以分号结尾，不单可以进步可读性，并且还可以使得浏览器在发明错误时生成错误信息。

严格应用var来声明变量。

　　尽量将错杂的脚本分解为多个逻辑块，如许不单可以进步可读性，并且可以使法度错误局部化。

　　将编写大型脚本划分为几个工作阶段，并在每个阶段测试脚本。

　　有效预防常见错误：

　　在编码的过程中会有很多错误，是我们经常会犯的，并且不只一次。所以在这一点上尽量要避免。

创建错误处理惩罚法度：

　　有的时辰我们可以预感错误有可能会产生，并断定它有可能会产生的地位。这个时辰我们可以应用错误处理惩罚法度来对错误就行处理惩罚。当然该类错误凡是是由外部景象所引起的。

　　 Onerror属性：

　　Onerror是window对象的一个属性，可认为该属性指定一个函数，用于处理惩罚浏览器错误。若是指定了错误处理惩罚函数，一但浏览器发明脚本中存在错误，就会调用该函数。错误处理惩罚函数的返回值决意了浏览器下一步的动作，若是错误处理惩罚函数返回true浏览器将不会显示错误对话框，不然反之。

　　当浏览器调用错误处理惩罚函数时，将传递3个参数：

　　message：错误信息

　　url：错误产生在哪个文档

　　line：错误产生的行号

　　比如以下声了然错误处理惩罚函数并指定为onerror属性:

　　Function errormsg（message，url，line）

　　{

　　Return true //已处理惩罚

　　Return false // 未处理惩罚，浏览器将显示错误框

　　}

　　Window.onerror=erormsg; //指定错误处理惩罚函数

Try – catch：

　　Try与catch是2个关键字，可以用于处理惩罚代码产生的错误。 Try把守代码的履行，若是发明错误就会转道catch块履行错误处理惩罚代码。

　　Try

　　{

　　 A=99;

　　}

　　Catch（err）

　　{

　　Alert（err，description）;

　　}

　　若是try会存在错误catch会才获得履行的机会，都则将不会履行catch块。

　　Err 是接管到的错误对象。

分享到：

JavaScript模拟QQ签名(HTML5 contenteditab ... | Emmet：HTML/CSS代码快速编写神器

2013-11-05 10:11
浏览 804
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论