javascript菜鸟基础教程
3.插入JavaScript的位置
![3.插入JavaScript的位置](https://img.taocdn.com/s3/m/b6481811a21614791711287c.png)
插入 JavaScript 的位置JavaScript 脚本可以放在网页的 head 里或者 body 部分,而且效果也不相同。
Body 里的 JavaScript放在 body 部分的 JavaScript 脚本在网页读取到该语句的时候就会执行,例如:<html> <body> <script type="text/JavaScript"> <!-document.write("我是菜鸟我怕谁!"); //--> </script> </body>Head 里的 JavaScript在 head 部分的脚本在被调用的时候才会执行,例如:<html> <head> <script type="text/JavaScript"> .... </script> </head>添加外部 JavaScript 脚本也可以像添加外部 CSS 一样添加外部 JavaScript 脚本文件,其后缀通常为.js。
例如:<html> <head> <script src="scripts.js"></script> </head> <body> </body> </html>如果很多网页都需要包含一段相同的代码,那么将这些代码写入一个外部 JavaScript 文件是最好的方法。
此后,任何一个需要该功能的网页,只需要引入这个 js 文件就可以了。
注意:脚本文件里头不能再含有<script>标签。
注:放在 body 里的函数是一个例外,它并不会被执行,而是等被调用时才会执行。
关 于函数与调用的概念将在后面讲到。
(高级版)菜鸟教程JSP入门到精通
![(高级版)菜鸟教程JSP入门到精通](https://img.taocdn.com/s3/m/500fb6fd80c758f5f61fb7360b4c2e3f572725a3.png)
JSP 简介什么是Java Server Pages?JSP全称Java Server P ages,是一种动态网页开发技术。
它使用JSP标签在HTML网页中插入Java代码。
标签通常以<%开头以%>结束。
JSP是一种Java servlet,主要用于实现Java web应用程序的用户界面部分。
网页开发者们通过结合HTML代码、XHTML 代码、XML元素以及嵌入JSP操作和命令来编写JSP。
JSP通过网页表单获取用户输入数据、访问数据库及其他数据源,然后动态地创建网页。
JSP标签有多种功能,比如访问数据库、记录用户选择信息、访问JavaBeans组件等,还可以在不同的网页中传递控制信息和共享信息。
为什么使用JSP?JSP程序与CGI程序有着相似的功能,但和CGI程序相比,JSP程序有如下优势:∙性能更加优越,因为JSP可以直接在HTML网页中动态嵌入元素而不需要单独引用CGI文件。
∙服务器调用的是已经编译好的JSP文件,而不像CGI/P erl那样必须先载入解释器和目标脚本。
∙JSP基于Java Servlets AP I,因此,JSP拥有各种强大的企业级Java AP I,包括JDBC,JNDI,E JB,JAXP等等。
∙JSP页面可以与处理业务逻辑的servlets一起使用,这种模式被Java servlet 模板引擎所支持。
最后,JSP是Java E E不可或缺的一部分,是一个完整的企业级应用平台。
这意味着JSP可以用最简单的方式来实现最复杂的应用。
JSP的优势以下列出了使用JSP带来的其他好处:∙与ASP相比:JSP有两大优势。
首先,动态部分用Java编写,而不是VB或其他MS专用语言,所以更加强大与易用。
第二点就是JSP易于移植到非MS平台上。
∙与纯Servlets相比:JSP可以很方便的编写或者修改HTML网页而不用去面对大量的println语句。
∙与SSI相比:SSI无法使用表单数据、无法进行数据库链接。
javascript菜鸟基础教程
![javascript菜鸟基础教程](https://img.taocdn.com/s3/m/e4256cb02af90242a895e5cc.png)
JavaScript 简介JavaScript 有什么特点JavaScript 使网页增加互动性。
JavaScript 使有规律地重复的HTML文段简化,减少下载时间。
JavaScript 能及时响应用户的操作,对提交表单做即时的检查,无需浪费时间交由 CGI 验证。
JavaScript 的特点是无穷无尽的,只要你有创意。
Java 与 JavaScript 有什么不同很多人看到 Java 和 JavaScript 都有“Java”四个字,就以为它们是同一样东西,连我自己当初也是这样。
其实它们是完完全全不同的两种东西。
Java,全称应该是Java Applet,是嵌在网页中,而又有自己独立的运行窗口的小程序。
Java Applet 是预先编译好的,一个 Applet 文件(.class)用 Notepad 打开阅读,根本不能理解。
Java Applet 的功能很强大,可以访问 http、ftp等协议,甚至可以在电脑上种病毒(已有先例了)。
相比之下,JavaScript 的能力就比较小了。
JavaScript 是一种“脚本”(“Script”),它直接把代码写到 HTML 文档中,浏览器读取它们的时候才进行编译、执行,所以能查看HTML 源文件就能查看JavaScript 源代码。
JavaScript 没有独立的运行窗口,浏览器当前窗口就是它的运行窗口。
它们的相同点,我想只有同是以 Java 作编程语言一点了。
开发 JavaScript 该用什么软件一个 JavaScript 程序其实是一个文档,一个文本文件。
它是嵌入到 HTML 文档中的。
所以,任何可以编写 HTML 文档的软件都可以用来开发 JavaScript。
在此我推荐大家用 FrontPage 2000 附带的 Microsoft 脚本编辑器(在FrontPage 菜单 | 工具 | 宏 | Microsoft 脚本编辑器)。
它是个像 Visual Basic / C++ 一样的程序开发器,能对正在输入的语句作出简要提示。
JavaScript+jQuery前端开发基础教程(第2版)(微课版)第4章
![JavaScript+jQuery前端开发基础教程(第2版)(微课版)第4章](https://img.taocdn.com/s3/m/bafd1ca87d1cfad6195f312b3169a4517723e525.png)
2.设置JavaScript对象属性注册事件处理程序
将函数设置为事件目标对象的事件属性值,也可完成事件处理程序的 注册。
3.使用addEventListener()方法注册事件处理程序
不管是通过设置属性,还是通过调用addEventListener()方法注册的事 件处理程序,在处理程序中调用preventDefault()方法均可阻止事件默认 动作。
在事件处理程序中,也可通过将event.returnValue属性设置为false来阻 止事件默认动作。
4.2.4 阻止事件传播
beforeunload和unload事件处理过程会屏蔽所有用户交互,window.open、alert、 confirm等都无效,不能阻止unload事件。一般在unload事件处理程序中执行一些必要 的清理操作,事实上只有极少的这种需求。
4.2.6 鼠标事件
鼠标事件对象除了拥有事件对象的主要属性外,还有下列常用属性。
stopPropagation()方法:调用该方法可阻止事件传播过程,事件传播路径中的后继节点不 会再接收到该事件。
3.事件处理程序的返回值
事件处理程序的返回值具有特殊意义。 通常,事件处理程序返回false时,会阻止浏览器执行这个 事件的默认动作。 例如,表单的submit事件处理程序返回false时,会阻止提 交表单;单击链接<a>时,会跳转到链接的URL,若在其 click事件处理程序中返回false,则会阻止跳转。
cancelable属性:逻辑值,表示是否能用preventDefault()方法取消对象的默认动作。
vue菜鸟教程
![vue菜鸟教程](https://img.taocdn.com/s3/m/acc003ac5ff7ba0d4a7302768e9951e79b8969c6.png)
vue菜鸟教程
Vue 是一种用于构建用户界面的渐进式 JavaScript 框架。
它提
供了一种简洁、高效的方式来处理 Web 应用程序的交互逻辑
和数据状态。
Vue 的核心特性包括:
1. 响应式数据绑定:Vue 使用了一种称为双向数据绑定的概念,使得数据的修改能够自动更新到相应的视图中,从而减少了手动操作 DOM 的繁琐工作。
2. 组件化开发:Vue 允许将页面拆分成多个组件,每个组件负责自己独立的功能,然后再将这些组件组合在一起形成一个完整的页面。
这样做的好处是提高了代码的可重用性和可维护性。
3. 虚拟 DOM:Vue 使用了虚拟 DOM 技术,它在内存中维护
了一份快速响应的 DOM 树,并通过比较算法将其与实际
DOM 进行高效的同步更新。
这样可以避免直接操作 DOM 所
带来的性能问题。
4. 插件化架构:Vue 的核心只关注视图层,而且提供了一些基础的功能。
而对于其他非核心的功能,如路由、状态管理等,可以通过插件的形式进行扩展。
除了以上核心特性,Vue 还提供了许多其他的功能和工具,如Vue Router 用于管理前端路由,Vuex 用于处理数据的全局状
态管理等。
总结来说,Vue 是一个功能强大、灵活、易上手的 JavaScript 框架,它极大地简化了前端开发的复杂性,提高了开发效率。
无论是初学者还是有经验的开发者,都可以选择 Vue 来构建自己的 Web 应用程序。
JavaScript之数组(Array)详解
![JavaScript之数组(Array)详解](https://img.taocdn.com/s3/m/bf3ce9ef16fc700abb68fcf1.png)
JavaScript之数组(Array)详解篇一:Javascript数组及其操作Javascript数组及其操作1.如何创建数组2.如何对数组进行操作(添加,删除,读取)3.数组常见方法和属性如何创建一个数组,一般地根据初始化设定简单分为3种:1.单纯创建数组:var arr=new Array();要点:用new关键字创建数组对象Array(),Array()对象是一个本地类,可以用new创建一个对象后使用2.创建数组的同时规定数组大小:var arr=new Array(10);//这里就创建了一个初始化大小为10的数组注意:当使用数组大小操作初始化大小时,数组会自动被撑大,不会像C语言那样发生错误.动态增长是js数组的一个性质.另外,js中支持最大数组长度为42949672953.直接初始化:var arr=new Array("love","hate","pain");//这里就直接初始化了数组或var arr=["happy","cute","scare"];//括号也可以声明一个数组对象当然,类似C语言,可以定义2维3维和多维的数组,例如:var myArray = new Array();for(var i=0;i myArray[i]=new Array();myArray[i][0]=Math.floor(Math.random()*10);myArray[i][1]=Math.floor(Math.random()*10);myArray[i][2]=Math.floor(Math.random()*10);myArray[i][3]=Math.floor(Math.random()*10);myArray[i][4]=Math.floor(Math.random()*10);myArray[i][5]=Math.floor(Math.random()*10);myArray[i][6]=Math.floor(Math.random()*10);myArray[i][7]=Math.floor(Math.random()*10);myArray[i][8]=Math.floor(Math.random()*10);}myArray.sort( function(x, y) ...{return(x[0]==y[0])?((x[4]==y[4])?(x[8]-y[8]):(x[4]-y[4])):(x[2]-y[2])});for(var i=0;i document.write(myArray[i].join(",") + "");}数组的属性:lengtharr.length返回数组arr的长度,常见于循环中对数组的遍历,比如:for(var i=0;i 执行部分}数组元素的访问: arr[index],其中index表示索引即数组基数,从0开始,共有arr.length个元素.比如: arr[0]访问第一个数组元素,arr[1]访问第二个数组元素....依次类推数组的操作方法:先概览下下面的这些操作数组常用的方法(13个)toString(),valueOf(),toLocalString(),join(),split(),slice(),concat(), pop(),push(),shift(),unshift(),sort(),splice()下面逐一分析这些方法的功能和用法.toString(),valueOf(),toLocalString():功能:返回数组的全部元素注:数组名也可以返回整个数组代码:var m=["am","bm","cm"];//用括号声明一个数组对象alert(m.toString());//toString()返回数组对象的所有内容,用逗号分割,即am,bm,cmalert(m.valueOf());//valueOf()也返回数组对象的所有内容alert(m.toLocaleString());//toLocaleString()也返回数组对象的所有内容,但有地区语言区别,暂不研究alert(m);//数组名也返回数组对象的所有内容join():功能:把数组各个项用某个字符(串)连接起来,但并不修改原来的数组代码:var m=["am","bm","cm"];//用括号声明一个数组对象var n=m.join("---");//用---连接am,bm,cm.alert(m.toString());//m并没有被修改,返回am,bm,cmalert(n);//n是一个字符串,为am---bm---cmsplit():功能:把一个字符串按某个字符(串)分割成一个数组,但不修改原字符串代码:var str="I love maomao,I am caolvchong";var arr=str.split("o");//按字符o把str字符串分割成一个数组alert(arr);//输出整个数组slice():返回某个位置开始(到某个位置结束)的数组部分,不修改原数组代码:var n=m.slice(2);//返回第二个元素bm后面的元素,即cm,dm,em,fmvar q=m.slice(2,5);//返回第二个元素后到第五个元素,即cm,dm,emalert(n);alert(q);数组对象的栈操作:push():数组末尾添加一个项pop():删除数组最后一个项代码:var m=["am","bm","cm","dm","em","fm"];m.push("gm");//在数组末尾添加元素gmalert(m);m.pop();//删除数组最后一个元素gmalert(m);数组对象的队列操作:unshift():数组头添加一个项shift():删除数组第一个项代码:var m=["am","bm","cm","dm","em","fm"];m.unshift("gm");//在数组第一个元素位置添加元素gmalert(m);m.shift();//删除数组第一个元素gmalert(m);sort():数组按字符的ASCII码进行排序,修改数组对象注:即便是数字数组,也将转化为字符串来进行比较排序代码:m.sort();//按字母序排序alert(m);concat():在数组尾添加元素,但不修改数组对象代码:var m=["am","bm"]var n=m.concat("cm");//添加一项cm,并且赋予新数组对象alert(m);//原数组没有被修改alert(n);//输出新数组对象splice():在数组的任意位置进行添加,删除或者替换元素,直接修改数组对象细节:splice()有三个参数或三个以上参数,前两个是必须的,后面参数是可选的进行添加:splice(起始项,0,添加项)进行删除:splice(起始项,要删除的项个数)进行替换:splice(起始项,替换个数,替换项) 这个其实是添加删除的共同结果代码:var m=["am","bm"]m.splice(1,0,"fm","sm");//在第一项后面添加fm和sm,返回am,fm,sm,bmalert(m);m.splice(2,1);//删除第二项后面一项(即第三项sm,返回am,fm,bm)alert(m);m.splice(2,1,"mm");//替换第二项后面一项(即第三项,返回am,fm,mm)alert(m);JavaScript数组操作函数join(delimiter): 把数组中各个元素使用分隔符(delimiter)拼成字符串concat(array1, array2, ...): 合并数组,对原数组不影响,只是返回合并后的新数组pop(): 删除并返回最后一个元素push(element1, element2, ...): 在数组末尾追加元素shift(): 删除并返回第一个元素unshift(element1, element2, ...): 在数组开始位置添加元素reverse(): 将数组元素顺序首尾反转sort(function): 给数组排序如果不给参数,默认按字符排序(所有元素是数字也不会按数字排序的) 参数必须是一个函数,类似function(a, b) {},在函数中判断a, b的大小,a>b返回正数,a slice(start, end): 返回一个新的数组,将start 开始,到end结束(不包括end)之间的元素复制到新数组中splice(start, count, replaceElement1, replaceElement2, ...): 删除或者替换数组元素,从start开始,对count个元素进行删除或替换如果提供replaceElement参数则进行替换,否则进行删除操作,被替换的元素个数和replaceElements的个数不必相等返回一个数组,包含被删除或替换掉的元素判断是否数组的方法var arrayVar = ["aaa", "bbb", "ccc"];var nonArrayVar = { length:4, otherAttribute:"attr" };document.write(arrayVar.constructor==Array);document.write("");document.write(nonArrayVar.constructor==Array);结果是true, falsegrep、mapPerl语言带出来的东西,jQuery实现selector时用了这种方式grep对数组的grep操作,指类似这样的代码:Array newArray = grep(condition, oldArray),这个操作将对oldArray 数组的每个元素进行遍历,如果当前处理元素符合条件condition,则加入到返回数组中 jQuery中的grep类似这样: function( elems, callback),elems是DOM元素集合,callback是实现selector的一些表达式函数,如果callback返回true则表明当前处理的元素符合selector表达式篇二:javaScript基础之——数组javaScript基础之——数组目录创建数组的方法 .................................................................. .. (3)数组的内置方法 .................................................................. .. (3)数组首尾位置的数据项添加及删除方法 (3)array.push( value,… ) --- 向数组的尾部添加值 (4)array.unshift( value,… ) --- 在数组头部插入一个元素 (4)array.pop( ) --- 删除并返回数组的最后一个元素 (5)array.shift( ) --- 将元素移出数组 (6)重排序方法 .................................................................. .. (6)array.reverse() --- 颠倒数组中元素的顺序 (7)array.sort( fn ) ---对数组元素进行排序 (7)数组的固定位置的增删改方法 .................................................................. (8)array.splice(start,deleteCount,value,...) --- 插入、删除或替换数组的元素 . (8)可以复制数组的方法 .................................................................. . (8)array.slice(start,end) --- 返回数组的一部分 (9)array.concat(value,…) --- 连接数组 (9)将数组转化为字符串的方法 .................................................................. . (10)array.join(separator) ---将数组元素连接起来以构建一个字符串 (10)array.toString() ---将数组转换成一个字符串 (11)array.toLocaleString() ---把数组转换成局部字符串 (11)数组的属性:length............................................................... (12)ECMAScript 5 添加的数组方法................................................................... (12)位置方法 .................................................................. (12)迭代方法 --- 不修改原数组 .................................................................. .. (13)归并方法 --- 迭代数组所有项,然后构建一个最终返回的值 (13)数组是复合数据类型(对象类型)的数据,它的数据索引为数字,从0开始,逐一递增,有个length属性,代表数组项的总数。
JavaScript初级基础教程
![JavaScript初级基础教程](https://img.taocdn.com/s3/m/6b97fa056edb6f1aff001fb9.png)
JavaScript初级基础教程一:语句、执行顺序、词法结构、标识符、关键字、变量、常量、alert语句和console控制台。
JavaScript执行顺序:step 1. 读入第一个代码块。
step 2. 做语法分析,有错则报语法错误(比如括号不匹配等),并跳转到step5。
step 3. 对var变量和function定义做“预编译处理”(永远不会报错的,因为只解析正确的声明)。
step 4. 执行代码段,有错则报错(比如变量未定义)。
step 5. 如果还有下一个代码段,则读入下一个代码段,重复step2。
step6. 结束。
javascript语法结构:一:字符集1、区分大小写JavaScript是区分大小写的语言所有的标识符(identifier)都必须采取一致的大小写形式但是Html并不区分大小写(尽管Xhtml区分)2、空格、换行符和格式控制符JS会忽略程序中的标识(token)之间的空格。
多数情况下也会忽略换行符除了可以识别普通的空格符(\u0020),JS也可以识别如下这些表示空格的字符*水平制表符(\u0009)*垂直制表符(\u000B)*换页符(\u000C)*不中断空白(\u00A*字节序标记(\ufeff)JS将如下字符识别为行为结束符三:注释//单行/*...*/多行四:直接量直接量(literal):就是程序中直接使用的数据值。
eg:12//数字1.2//小数“hello world” //字符串文本’hi‘ //字符串ture //布尔值false //另一个布尔值/javascript/gi //正则表达式直接量(用做模式匹配)null //空五:标识符和保留字在js中标识符用来对变量和函数进行命名,或者用作Js代码中的某些循环语句中的跳转位置的标记。
JS标识符必须以字母、下划线(_)或美元符($开始)六:类型、值和变量js数据类型分为两类:原始类型(primitive type)和对象类型(object type)。
Auto.js入门教程(js语言基础)
![Auto.js入门教程(js语言基础)](https://img.taocdn.com/s3/m/a14ee37589eb172dec63b713.png)
JavaScript基础介绍*js程序对字母的大小写是敏感的,比如变量a 和变量A 是两个不同的变量。
变量指的是内容不确定的可以改变的量,成为变量。
与之相对的就是内容确定的一成不变的量,称为常量。
变量的创建方式1:var 变量名1 [= 变量值], 变量名2[ = 变量值];//方括号[]在这里意思是可以去掉的部分。
我们利用var 这个关键字来告诉脚本引擎,我要创建变量了,在创建变量的同时也可以对变量赋值,也可以不赋值(此时变量的值为undefined)。
可以在同一行连续创建好几个变量,变量之间用英文逗号,隔开。
变量的创建方式2:let 变量名1[ = 变量值], 变量名2[ = 变量值];利用let 这个关键字来创建变量,和var的区别在于,var在主程序(不包含function函数)中创建的变量几乎是全局的,而let创建的变量是有作用区域的,比如,在if(条件){ let a; var b;} a 的作用区域只能是if的区域之内,而b的区域是这条语句之后的主程序区域。
变量的创建方式3:function 函数名([变量1,变量2,…]){}在创建函数的同时,创建所需要的参数变量,这些参数变量有效区域只在本函数内部,出了函数体就会被程序销毁。
在函数体内部可以直接使用这些参数变量,而不需要利用var 和 let 重新创建了。
一个已经被创建的变量,可以再次被创建,但是不影响变量内部的值。
比如var a = 3;var a;函数数学上的函数指的是把自变量x输入到函数f(x)中,就会得到一个输出y。
在程序里面的函数与之类似,就是把一个量输入进一个函数,就会有与之对应的输出。
函数的创建:function 函数名([参数1,参数2,…]){函数体}利用关键字 function 告诉引擎,我要创建一个函数了。
函数返回的值是什么?又在哪里呢?这个就需要我们自己来写了,利用return 返回值内容;一个函数也可以没有返回值,这样的返回值默认是undefined。
js基础教程大全
![js基础教程大全](https://img.taocdn.com/s3/m/66c1c317f18583d0496459f9.png)
</script>
将会输出在网页上输出:
我是菜鸟我怕谁!
学过编程的人应该知道,“我是菜鸟我怕谁!”两侧双引号代表字符串的意思。不过不理解这个概念也无所谓,学到后面就知道什么时候应该加双引号,什么时候不需要加了。
对不支持JavaScript的浏览器隐藏代码
例如:a==b表示:“a与b的值相等吗?”
在JavaScript中,这样的比较操作符有很多,下面就列出这些操作符以及它们的含义。
? “>” —— a大于b吗?
? “<” —— a小于b吗?
? “>=” —— a大于等于b吗?
? “<=” —— a小于等于b吗?
? “==” —— a等于b吗?
插入JavaScript的位置
JavaScript脚本可以放在网页的head里或者body部分,而且效果也不相同。
Body里的JavaScript
放在body部分的JavaScript脚本在网页读取到该语句的时候就会执行,例如:
<html>
<body>
<script type="text/JavaScript">
</script>
</head>
添加外部JavaScript脚本
也可以像添加外部CSS一样添加外部JavaScript脚本文件,其后缀通常为.js。例如:
<html>
<head>
<script src="scripts.js"></script>
B O M 入 门 基 本 常 识
![B O M 入 门 基 本 常 识](https://img.taocdn.com/s3/m/28429708dd88d0d232d46a43.png)
JavaScript 基础知识 - 入门篇(一)最近一直有小伙伴跟我说JS有很多知识点经常不用,已经忘记的差不多了。
平时找一个小问题都要在网上找半天,希望能有一套比较全面的笔记或者文章。
但是网上的文章太过于分散,学习起来不是很方便。
恰巧最近比较闲,所以为大家整理出来了一套比较全面的JS基础阶段的文章,对于初学者还是很有帮助的,如果你是一名熟练掌握JS的攻城狮,你可能会觉得文章写得太过于啰嗦,但是为了照顾大家,啰嗦一点还是有必要的。
由于是自己所写,所以里面有些语言可能表达的有些不明确,不明白的可以给我留言。
1. 初识JS1.1 什么是JS语言javascript是一种运行在客户端的脚本语言客户端:即接受服务的一端,与服务端相对应,在前端开发中,通常客户端指的就是浏览器。
脚本语言:也叫解释型语言,特点是执行一行,解释一行,如果发现报错,代码就停止执行。
1.2 JS的三个组成部分javascript的三个组成部分:ECMAScript、BOM、DOMECMAScript:定义了javascript的语法规范。
BOM:一套操作浏览器功能的API。
DOM:一套操作页面元素的API。
1.3 script 标签1、script标签的书写方式书写Javascript代码有两种方式,第一种是直接在script标签中书写,第二种是将代码写在js文件中,通过script的src属性进行引入。
直接在script中书写javascript代码:!-- type="text-javascript" 可以省略 --script type="text-javascript"alert("今天天气真好呀");通过script标签引入一个JS文件,需要指定src属性:!-- 表示引用了test.js文件,并且script标签内不可以继续写代码--script src="test.js"-script如果script标签指定了src属性,说明是想要引入一个js文件,这个时候不能继续在script标签中写js代码,即便写了,也不会执行。
JavaScript基本语法
![JavaScript基本语法](https://img.taocdn.com/s3/m/a6983d0452ea551810a68795.png)
第一章1、大小写敏感2、空格与换行代码中多余的空格会被忽略,同一个标识符的所有字母必须连续;一行代码可以分成多行书写;3、单行代码写于一行中,用分号作为语句结束标志4、可有可无的分号当两个程序语句处于一行中时用分号隔开,否则可以不用分号Eg:var r = 2var pi = Math.PIvar s = pi * r * rdocument.write("半径为2单位的圆面积为:" + s + "单位")第二章2.1基本数据类型●在JavaScript中,字符串型数据是用引号括起的文本字符串。
在JavaScript中不区分“”和“”,字符也被当作字符串处理。
字符串中可以包含用于特殊目的的字符。
Eg:var hello = "你好啊";var name = 'Peter';document.write(hello + name+"<br>");●数值类型JavaScript中用于表示数字的类型成为数字型,不像其他编程语言那样区分整型、浮点型。
数字型用双精度浮点值来表示数字数据,可以表示(-253,+253)区间中的值。
数字的值可以用普通的记法也可以使用科学记数法。
表示方法如下所示:Eg:10;// 数字,普通记法10.1;// 数字,普通记法0.1;// 数字,普通记法3e7;// 科学记数0.3E7;// 科学记数2.2 复合数据类型●对象概念在面向对象的设计模式中,将数据和处理数据的方法捆绑在一起形成的整体,称为对象。
它封装了数据和操作数据的方法,使用时要先创建这个对象,用new 运算符来调用对象的构造函数。
Eg: date=new Date();●日期对象JavaScript将与日期相关的所有特性封装进Date对象,主要用来进行一些与时间相关的操作,比如获取当前系统时间,使用前要先创建该对象的一个实例。
javascript list基本操作
![javascript list基本操作](https://img.taocdn.com/s3/m/86eb47906e1aff00bed5b9f3f90f76c660374c15.png)
javascript list基本操作全文共四篇示例,供读者参考第一篇示例:JavaScript是一种用于网页开发的强大编程语言,其中的列表(list)是其中非常重要的数据结构之一。
列表是一种有序的集合,可以存储任意类型的数据,并且可以动态地扩展和缩减。
在JavaScript中,列表通常是通过数组(array)来实现的。
数组是一组按照特定顺序排列的值的集合,每个值称为元素。
数组可以存储任意数据类型的值,包括数字、字符串、对象等。
使用数组可以很方便地对列表进行操作,比如增加、删除、查找元素等。
下面我们就来介绍一些JavaScript中对列表进行基本操作的方法:1. 创建一个列表:在JavaScript中,可以使用数组字面量语法来创建一个列表。
例如:```let list = [1, 2, 3, 4, 5];```这样就创建了一个包含5个元素的列表,分别是1, 2, 3, 4, 5。
也可以使用`new Array()`来创建一个空列表:2. 添加元素到列表:可以使用`push()`方法向列表末尾添加一个元素,例如:```list.push(6);```这样就添加了一个值为0的元素到列表开头。
4. 查找元素:可以使用`indexOf()`方法查找指定元素在列表中的位置,例如:```let index = list.indexOf(3);```这样就可以得到列表中所有大于3的元素。
5. 列表遍历:可以使用`for...of`循环来遍历列表中的所有元素,例如:这样就可以逐个打印出列表中的所有元素。
也可以使用`forEach()`方法来对列表中的每个元素执行指定的操作,例如:6. 列表拼接:可以使用`concat()`方法将两个列表合并成一个新的列表,例如:这样就将原来的列表和[6, 7, 8]列表合并成一个新的列表newList。
这样就获取了列表中第2到第4个元素(不包括第4个元素)组成的子列表subList。
JS入门
![JS入门](https://img.taocdn.com/s3/m/4fa007154a7302768e99396a.png)
JavaScript入门篇慕课网/learn/36课程须知该课程是针对新手的一个简单基础的课程,让您快速了解JS,通过一些简单的代码编写体会JS。
如果您已经对JS有所了解,可以跳过本课程,学习JS进阶课程,进一步学习JS相应的基础知识。
学习本课程,希望您至少具备HTML/CSS基础知识,认识常用的标签。
老师告诉你能学到什么?1. 理解JavaScript基础语法;2. 掌握常用语句的使用方法;3. 学会如何获取DOM元素及进行简单操作。
第1章请做好准备1-1为什么学习JavaScript一、你知道,为什么JavaScript非常值得我们学习吗?1. 所有主流浏览器都支持JavaScript。
2. 目前,全世界大部分网页都使用JavaScript。
3. 它可以让网页呈现各种动态效果。
4. 做为一个Web开发师,如果你想提供漂亮的网页、令用户满意的上网体验,JavaScript是必不可少的工具。
二、易学性1.学习环境无外不在,只要有文本编辑器,就能编写JavaScript程序。
2.我们可以用简单命令,完成一些基本操作。
三、从哪开始学习呢?学习JavaScript的起点就是处理网页,所以我们先学习基础语法和如何使用DOM进行简单操作。
1-2新朋友你在哪里(如何插入JS)我们来看看如何写入JS代码?你只需一步操作,使用<script>标签在HTML网页中插入JavaScript代码。
注意,< script>标签要成对出现,并把JavaScript<script></script>之间的是文本类型(text),javascript是为了告诉浏览器里面的文本是属于JavaScript语言。
1-3我也可以独立(引用JS外部文件)通过前面知识学习,我们知道使用<script>标签在HTML文件中添加JavaScript代码,如图:JavaScript代码只能写在HTML文件中吗?当然不是,我们可以把HTML文件和JS代码分开,并单独创建一个JavaScri pt文件(简称JS文件),其文件后缀通常为.js,然后将JS代码直接写在JS文件中。
菜鸟学习javascript实例教程
![菜鸟学习javascript实例教程](https://img.taocdn.com/s3/m/9b75624d2e3f5727a5e96241.png)
菜鸟学习javascript实例教程用JS显示文字的例子:<html><body><script type="text/javascript"> document.write("Hello World!")</script></body></html>用HTML标签来格式化文本的例子:<html><body><script type="text/javascript"> document.write("<h1>Hello World!</h1>") </script></body></html>书写JS位置的例子:打开页面弹出窗口的例子<html><head><script type="text/javascript">function message(){alert("网页教学网欢迎你的光临")}</script></head><body onload="message()"></body></html>在BODY区内输出显示文本的例子:<html><head></head><body><script type="text/javascript">document.write("欢迎光临网页教学网")</script></body></html>调用其它的一个JS文件的例子:<html><head></head><body><script src="xxx.js"></script><p>The actual script is in an external script file called "xxx.js". </p></body></html>变量的使用变量使用的例子:<html><body><script type="text/javascript">var name = "Hege"document.write(name)document.write("<h1>"+name+"</h1>")</script><p>This example declares a variable, assigns a value to it, and then displays the variable.</p><p>Then the variable is displayed one more time, only this time as a heading.</p></body></html>函数的例子函数使用的一个例子:<html><head><script type="text/javascript">function myfunction(){alert("HELLO")}</script></head><body><form><input type="button"onclick="myfunction()"value="Call function"></form><p>By pressing the button, a function will be called. The function will alert a message.</p></body></html>带一个参数的函数的例子:<html><head><script type="text/javascript">function myfunction(txt){alert(txt)}</script></head><body><form><input type="button"onclick="myfunction('Hello')"value="Call function"></form><p>By pressing the button, a function with an argument will be called. The function will alertthis argument.</p></body></html>不同的两个参数调用函数的例子:<html><head><script type="text/javascript">function myfunction(txt){alert(txt)}</script></head><body><form><input type="button"onclick="myfunction('Good Morning!')"value="In the Morning"><input type="button"onclick="myfunction('Good Evening!')"value="In the Evening"></form>When you click on one of the buttons, a function will be called. The function will alertthe argument that is passed to it.</p></body></html>利用函数返回值的例子:<html><head><script type="text/javascript">function myFunction(){return ("Hello, have a nice day!")}</script></head><body><script type="text/javascript">document.write(myFunction())</script><p>The script in the body section calls a function.</p><p>The function returns a text.</p></body></html>带参数的函数返回值的例子:<html><head><script type="text/javascript">function total(numberA,numberB){return numberA + numberB</script></head><body><script type="text/javascript">document.write(total(2,3))</script><p>The script in the body section calls a function with two arguments, 2 and 3.</p> <p>The function returns the sum of these two arguments.</p></body></html>条件语句的例子简单条件语句的例子:<html><body><script type="text/javascript">var d = new Date()var time = d.getHours()if (time < 10){document.write("<b>Good morning</b>")}</script><p>This example demonstrates the If statement.</p><p>If the time on your browser is less than 10,you will get a "Good morning" greeting.</p></body></html>if ... else 的条件语句的例子:<html><body><script type="text/javascript">var d = new Date()var time = d.getHours()if (time < 10){document.write("<b>Good morning</b>")}else{document.write("<b>Good day</b>")}</script><p>This example demonstrates the If...Else statement. </p><p>If the time on your browser is less than 10,you will get a "Good morning" greeting.Otherwise you will get a "Good day" greeting.</p></body></html>用随机数产生连接的例子:<html><body><script type="text/javascript">var r=Math.random()if (r>0.5)document.write("<a href=''>Learn Web Development!</a>") }else{document.write("<a href='http://www.refsnesdata.no'>Visit Refsnes Data!</a>") }</script></body></html>多条件的语句实现的例子:<html><body><script type="text/javascript">var d = new Date()theDay=d.getDay()switch (theDay){case 5:document.write("Finally Friday")breakcase 6:document.write("Super Saturday")breakcase 0:document.write("Sleepy Sunday")breakdefault:document.write("I'm really looking forward to this weekend!")}</script><p>This example demonstrates the switch statement.</p><p>You will receive a different greeting based on what day it is.</p><p>Note that Sunday=0, Monday=1, Tuesday=2, etc.</p></body></html>循环的例子:for循环的一个例子:<html><body><script type="text/javascript">for (i = 0; i <= 5; i++){document.write("The number is " + i)document.write("<br>")}</script><p>Explanation:</p><p>The for loop sets <b>i</b> equal to 0.</p><p>As long as <b>i</b> is less than , or equal to, 5, the loop will continue to run.</p><p><b>i</b> will increase by 1 each time the loop runs.</p></body></html>复杂循环的一个例子:<html><body><script type="text/javascript">for (i = 1; i <= 6; i++){document.write("<h" + i + ">This is header " + i)document.write("</h" + i + ">")}</script></body></html>按条件循环while的例子:<html><body><script type="text/javascript">i = 0while (i <= 5){document.write("The number is " + i)document.write("<br>")i++}</script><p>Explanation:</p><p><b>i</b> equal to 0.</p><p>While <b>i</b> is less than , or equal to, 5, the loop will continue to run.</p> <p><b>i</b> will increase by 1 each time the loop runs.</p></body></html>do...while循环的例子:<html><body><script type="text/javascript">i = 0do{document.write("The number is " + i)document.write("<br>")i++}while (i <= 5)</script><p>Explanation:</p><p><b>i</b> equal to 0.</p><p>The loop will run</p><p><b>i</b> will increase by 1 each time the loop runs.</p><p>While <b>i</b> is less than , or equal to, 5, the loop will continue to run.</p></body></html>字符串对象的例子:检测字符串长度的例子:<html><body><script type="text/javascript">var str="W3Schools is great!"document.write("<p>" + str + "</p>")document.write(str.length)</script></body></html>检测子字符串位置的例子:<html><body><script type="text/javascript">var str="W3Schools is great!"var pos=str.indexOf("School")if (pos>=0){document.write("School found at position: ")document.write(pos + "<br />")}else{document.write("School not found!")}</script><p>This example tests if a string contains a specified word. If the word is found it returns the position of the first character of the word in the original string. Note: The first position in the string is 0!</p></body></html>。
B O M 入 门 基 本 常 识
![B O M 入 门 基 本 常 识](https://img.taocdn.com/s3/m/aa4fa2b07375a417876f8f13.png)
JavaScript 入门哪本书最好?(问、答) 《转载》司徒正美,JS魔法师,去哪儿网前端架构师知乎用户、zinwa.lin、Yang?等人赞同入门可以看《javascript高级程序设计》与《javascript dom 编程艺术》尤其是后者,真是好书。
我以前看了许多视频,翻那本很厚的指南与高程,最后还是靠《javascript dom 编程艺术》激发我学习兴趣入门。
看了三四次《javascript高级程序设计》就可以看蝴蝶书《javascript语言精辟》,这是讲JS的语法设计,那些语法应该用,那些不应该用(如==、 with、 eval、 argument.caller),这提高你的代码质量必不可少。
如果你想写一个插件或一个库,就要涉及大量DOM,BOM知识了。
毕竟javascript是胶水语言,而CSS与HTML在JS里都会映射为DOM,此外还有一些涉及浏览器的东西,叫BOM。
掌握各大浏览器提供的底层DOM、BOM API,及了解它们之间的差异,如何检测它们是否支持,如果屏蔽它们之间的差异性,如何选用最佳的API是我们成为高手的关键。
《PPK 谈 Javascript》,主要是说DOM的兼容性与可用性问题。
《JavaScript DOM高级程序设计》,这本非常优秀,不知为何被理没了(也可能是出版社的缘故,很早就买断货就不知道补课),我在这里了解许多操作CSS的API。
《JavaScript框架设计》这完全是本面向中高级的书,涉及一般书没有讲解过的模块加载器,事件管理系统,选择器引擎,异步列队,动画引擎,及时下日益流行的MVVM架构。
《数据结构与算法JavaScript描述》,越复杂的系统,最后都在架构与算法与数据结构上下功夫,虽然用得不多,但作为一个高手,算法不精真是一个痛点。
比较实现一个选择器引擎,人家都会问你比jQuery的快吗?加之JS 在这方面也有它的特殊点,因此还得学习。
时下也有许多angular与backbone的书,我本人认为他们基本上照搬官网的API文档,很少能讲到底层的实现,能获得的知识点太少了,它们只能用于入门(你英语不好的话),因此不建议入。
Javascript教程--从入门到精通【完整版】
![Javascript教程--从入门到精通【完整版】](https://img.taocdn.com/s3/m/640f07926bec0975f465e250.png)
Javascript教程--从入门到精通【完整版】(作者:未知,来源:互联网整理:Alone)JavaScript教程语言概况Internet时代,造就了我们新的工作和生活方式,其互联性、开放性和共享信息的模式,打破了传统信息传播方式的重重壁垒,为我们带来了新的机遇。
随着计算机和信息时代的到来,人类社会前进的脚步在逐渐加快,每一天都有新的事情发生,每一天都在创造着奇迹。
随着Internet技术的突飞猛进,各行各业都在加入Internet的行业中来。
无论从管理方面,还是从商业角度来看,Internet都可以带来无限生机。
通过Internet,可以实现地区、集体乃至个人的连接,从而达到一种“统一的和谐”。
那么怎样把自己的或公司的信息资源加入到WWW 服务器,是广大用户日益关心的问题。
采用超链技术(超文本和超媒体技术)是实现这个目标最简单的、最快速的手段和途径。
具体实现这种手段的支持环境,那就是HTML超文本标识语言。
通过它们可制作所需的Web网页。
通过超文本(Hyper Text)和超媒体(Hyper Media)技术结合超链接(Hyper link)的链接功能将各种信息组织成网络结构(web),构成网络文档(Document),实现Internet上的“漫游”。
通过HTML符号的描述就可以实现文字、表格、声音、图像、动画等多媒体信息的检索。
然而采用这种超链技术存在有一定的缺陷,那就是它只能提供一种静态的信息资源,缺少动态的客户端与服务器端的交互。
虽然可通过CGI(Common Gateway Interface)通用网关接口实现一定的交互,但由于该方法编程较为复杂,因而在一段时间防碍了Internet技术的发展。
而JavaScript的出现,无凝为Internet网上用户带来了一线生机。
可以这样说,JavaScript的出现是时代的需求,是当今的信息时代造就了JavaScript。
JavaScript的出现,它可以使得信息和用户之间不仅只是一种显示和浏览的关系,而是实现了一种实时的、动态的、可交式的表达能力。
【转载】Node.js教程(菜鸟教程系列)
![【转载】Node.js教程(菜鸟教程系列)](https://img.taocdn.com/s3/m/caa3c5cc6037ee06eff9aef8941ea76e58fa4ae7.png)
【转载】Node.js教程(菜鸟教程系列)很好的⼀篇教程:简单做下笔记概述简单的说 Node.js 就是运⾏在服务端的 JavaScript。
Node.js 是⼀个基于Chrome JavaScript 运⾏时建⽴的⼀个平台。
Node.js是⼀个事件驱动I/O服务端JavaScript环境,基于Google的V8引擎,V8引擎执⾏Javascript的速度⾮常快,性能⾮常好。
安装win下安装后⾃动配置环境变量,重启后可⽤NPMNPM是随同NodeJS⼀起安装的包管理⼯具,能解决NodeJS代码部署上的很多问题,常见的使⽤场景有以下⼏种:允许⽤户从NPM服务器下载别⼈编写的第三⽅包到本地使⽤。
允许⽤户从NPM服务器下载并安装别⼈编写的命令⾏程序到本地使⽤。
允许⽤户将⾃⼰编写的包或命令⾏程序上传到NPM服务器供别⼈使⽤。
npm 安装 Node.js 模块语法格式如下:npm install <Module Name>我们使⽤ npm 命令安装常⽤的 Node.js web框架模块 express:npm install express安装好之后,express 包就放在了⼯程⽬录下的 node_modules ⽬录中,因此在代码中只需要通过 require('express') 的⽅式就好,⽆需指定第三⽅包路径。
var express = require('express');创建服务器var http = require('http');http.createServer(function (request, response) {// 发送 HTTP 头部// HTTP 状态值: 200 : OK// 内容类型: text/plainresponse.writeHead(200, {'Content-Type': 'text/plain'});// 发送响应数据 "Hello World"response.end('Hello World\n');}).listen(8888);// 终端打印如下信息console.log('Server running at http://127.0.0.1:8888/');第⼀⾏请求(require)Node.js ⾃带的 http 模块,并且把它赋值给 http 变量。
JavaScript 菜鸟基础教程
![JavaScript 菜鸟基础教程](https://img.taocdn.com/s3/m/b7593b3550e2524de4187e32.png)
JavaScript 简介之阳早格格创做JavaScript 有什么特性JavaScript 使网页减少互动性.JavaScript 使有程序天沉复的HTML文段简化,缩小下载时间.JavaScript 能坐即赞同用户的支配,对付提接表单搞坐即的查看,无需浪费时间接由CGI 考证.JavaScript 的特性是无贫无尽的,只消您有创意. Java 与 JavaScript 有什么分歧很多人瞅到 Java 战 JavaScript 皆有“Java”四个字,便以为它们是共一般物品,连我自己当初也是那样.本去它们是完真足齐分歧的二种物品.Java,齐称该当是 Java Applet,是嵌正在网页中,而又有自己独力的运止窗心的小步调.Java Applet 是预先编译佳的,一个Applet 文献(.class)用Notepad 挨开阅读,基础不克不迭明黑.Java Applet 的功能很强盛,不妨考察http、ftp等协议,以至不妨正在电脑上种病毒(已有先例了).相比之下,JavaScript 的本收便比较小了.JavaScript 是一种“足本”(“Script”),它间接把代码写到HTML 文档中,欣赏器读与它们的时间才举止编译、真止,所以能查看HTML 源文献便能查看JavaScript 源代码.JavaScript 不独力的运止窗心,欣赏器目前窗心便是它的运止窗心.它们的相共面,我念惟有共是以Java 做编程道话一面了.开垦 JavaScript 该用什么硬件一个JavaScript 步调本去是一个文档,一个文本文献.它是嵌进到HTML 文档中的.所以,所有不妨编写HTML 文档的硬件皆不妨用去开垦JavaScript.正在此我推荐大家用FrontPage 2000 附戴的 Microsoft 足本编写器(正在FrontPage 菜单| 工具| 宏| Microsoft 足本编写器).它是个像Visual Basic / C++ 一般的步调开垦器,能对付正正在输进的语句做出简要提示.协共FrontPage 2000,使处事量大大缩小.JavaScript 道话的前提正在什么场合拔出 JavaScriptJavaScript 不妨出目前HTML 的任性场合.使用标记表记标帜<script>…</script>,您不妨正在HTML 文档的任性场合拔出JavaScript,以至正在<HTML>之前拔出也不可问题.不过如果要正在声明框架的网页(框架网页)中拔出,便一定要正在<frameset>之前拔出,可则不会运止.基础要收<script><!--...(JavaScript代码)...//--></script>第二止战第四止的效率,是让陌死<script>标记表记标帜的欣赏器忽略JavaScript 代码.普遍不妨简略,果为目前念找陌死Script 的欣赏器,恐怕便连博物馆里也不了.第四止前边的单反斜杠“//”是JavaScript 里的注释标号,以去将教到.其余一种拔出JavaScript 的要收,是把JavaScript 代码写到另一个文献核心(此文献常常该当用“.js”做扩展名),而后用要收为“<script src="javascript.js"></script>”的标记表记标帜把它嵌进到文档中.注意,一定要用“</script>”标记表记标帜.参照<script>标记表记标帜另有一个属性:language(缩写lang),证明足本使用的道话.对付于JavaScript,请用“language="JavaScript"”.参照相对付于<script>标记表记标帜,另有一个<server>标记表记标帜.<server>标记表记标帜所包罗的,是服务器端(Server Side)的足本.本教程只计划客户器端(Client Side)的JavaScript,也便是用<script>标记表记标帜包罗的足本.如果念正在欣赏器的“天面”栏中真止JavaScript 语句,用那样的要收:javascript:<JavaScript语句>那样的要收也不妨用正在对接中:<a href="javascript:<JavaScript语句>">...</a>JavaScript 基础语法每一句JavaScript 皆有类似于以下的要收:<语句>;其中分号“;”是JavaScript 道话动做一个语句中断的标记符.虽然目前很多欣赏器皆允许用回车充核心断标记,培植用分号做中断的习惯仍旧是很佳的.语句块语句块是用大括号“{ }”括起去的一个大概 n 个语句.正在大括号里边是几个语句,然而是正在大括号中边,语句块是被当做一个语句的.语句块是不妨嵌套的,也便是道,一个语句块里边不妨再包罗一个大概多个语句块.JavaScript 中的变量什么是变量从字里上瞅,变量是可变的量;从编程角度道,变量是用于死存某种/某些数值的死存器.所储躲的值,不妨是数字、字符大概其余的一些物品.变量的命名变量的命名有以下央供:只包罗字母、数字战/大概下划线;要以字母开头;不克不迭太少(本去有什么人喜欢使用又少又臭的名字呢?);不克不迭与JavaScript 死存字(Key Words,Reserved Words,数量繁琐,不克不迭一一列出;通常是不妨用去搞JavaScript 下令的字皆是死存字)沉复.而且,变量是区别大小写的,比圆,variable 战 Variable 是二个分歧的变量.不然而如许,大部分下令战“对付象”(请参阅“对付象化编程”章)皆是区别大小写的.提示给变量命名,最佳预防用单个字母“a”“b”“c”等,而改用能收会表黑该变量正在步调中的效率的词汇语.那样,不然而他人能更简单的相识您的步调,而且您正在以去要建改步调的时间,也很快会记得该变量的效率.变量名普遍用小写,如果是由多个单词汇组成的,那么第一个单词汇用小写,其余单词汇的第一个字母用大写.比圆:myVariable 战myAnotherVariable.那样搞只是是为了好瞅战易读,果为JavaScript 一些下令(以去将用更简曲的要收叙述“下令”一词汇)皆是用那种要收命名的:indexOf;charAt 等等.变量需要声明不声明的变量不克不迭使用,可则会堕落:“已定义”.声明变量不妨用:var <变量> [= <值>];var咱们交战的第一个关键字(即死存字).那个关键字用做声明变量.最简朴的声明要收便是“var <变量>;”,那将为<变量>准备内存,给它赋初初值“null”.如果加上“= <值>”,则给<变量>给予自定的初初值<值>.数据典型变量不妨用的数据典型有:整型只可储躲整数.不妨是正整数、0、背整数,不妨是十进制、八进制、十六进制.八进制数的表示要收是正在数字前加“0”,如“0123”表示八进制数“123”.十六进制则是加“0x”:“0xEF”表示十六进制数“EF”.浮面型即“真型”,能储躲小数.有资料隐现,某些仄台对付浮面型变量的支援不宁静.不需要便不要用浮面型.字符串型是用引号“" "”、“' '”包起去的整个至多个字符.用单引号仍旧单引号由您决断.跟语文一般,用哪个引号开初便用哪个中断,而且单单引号可嵌套使用:'那里是"JavaScript 教程".' 不过跟语文分歧的是,JavaScript 中引号的嵌套只可有一层.如果念再多嵌一些,您需要转义字符:转义字符由于一些字符正在屏幕上不克不迭隐现,大概者JavaScript语法上已经有了特殊用途,正在要用那些字符时,便要使用“转义字符”.转义字符用斜杠“\”开头:\' 单引号、\" 单引号、\n 换止符、\r 回车(以上只列出时常使用的转义字符).于是,使用转义字符,便不妨搞到引号多沉嵌套:'Micro 道:"那里是\"JavaScript 教程\"." '布我型时常使用于推断,惟有二个值可选:true(表“真”)战false(表“假”).true 战false 是JavaScript 的死存字.它们属于“常数”.对付象关于对付象,正在“对付象化编程”一章将仔细道到.由于JavaScript 对付数据典型的央供不庄重,普遍去道,声明变量的时间不需要声明典型.而且便算声明黑典型,正在历程中还不妨给变量给予其余典型的值.声明典型不妨用给予初初值的要收搞到:var aString = '';那将把aString 定义为具备空值的字符串型变量.var anInteger = 0;那将把 anInteger 定义为值为 0 的整型.变量的赋值一个变量声明后,不妨正在所有时间对付其赋值.赋值的语法是:<变量> = <表黑式>;其中“=”喊“赋值符”,它的效率是把左边的值赋给左边的变量.下一节将计划到表黑式.JavaScript常数有下列几个:null一个特殊的空值.当变量已定义,大概者定义之后不对付其举止所有赋值支配,它的值便是“null”.企图返回一个不存留的对付象时也会出现null 值.NaN“Not a Number”.出现那个数值比较少睹,以至于咱们不妨不睬它.当运算无法返回透彻的数值时,便会返回“NaN”值.NaN 值非常特殊,果为它“不是数字”,所以所罕见跟它皆不相等,以至NaN 自己也不等于NaN .true布我值“真”.用通雅的道法,“对付”.false布我值“的道法,“错”.正在Math常数.那将正在计划“道到.表黑式与运算符表黑式常数战变量对接起去的代数式.一个表黑式不妨只包罗一个常数大概一个变量.运算符不妨是四则运算符、关系运算符、位运算符、逻辑运算符、复合运算符.下表将那些运算符从下劣先级到矮劣先级排列:注意所有与四则运算有关的运算符皆不克不迭效率正在字符串型变量上.字符串不妨使用+、+= 动做对接二个字符串之用.提示请稀切注意运算的劣先级.编程时如果不记得运算符的劣先级,不妨使比圆:(a == 0)||(b == 0)..比圆,用以下语= c = 10,不妨一次对付三.底下将开初计划JavaScript 基础编程下令,大概者喊“语句”.注释像其余所有道话一般,JavaScript 的注释正在运止时也是被忽略的.注释只给步调员提供消息.JavaScript 注释有二种:单止注释战多止注释.单止注释用单反斜杠“//”表示.当一止代码有“//”,那么,“//”后里的部分将被忽略.而多止注释是用“/*”战“*/”括起去的一止到多止笔墨.步调真止到“/*”处,将忽略以去的所有笔墨,曲到出现“*/”为止.提示如果您的步调需要草稿,大概者需要让他人阅读,注释能助上大闲.养成写注释的习惯,能节省您战其余步调员的贵沉时间,使他们不必耗费多余的时间琢磨您的步调.正在步调调试的时间,偶我需要把一段代码换成另一段,大概者姑且不要一段代码.那时最忌用 Delete 键,如果念要回那段代码怎么办?最佳仍旧用注释,把姑且不要的代码“隐”去,到决定要收以去再简略也不早.if 语句if ( <条件> ) <语句1> [ else <语句2> ];本语句有面象条件表黑式“?:”:当<条件>为真时真止<语句1>,可则,如果else 部分存留的话,便真止<语句2>.与“?:”分歧的是,if 不过一条语句,不会返回数值.<条件>是布我值,必须用小括号括起去;<语句1>战<语句2>皆只可是一个语句,欲使用多条语句,请用语句块.注意请瞅下例:if (a == 1) if (b == 0) alert(a+b);else alert(a-b);本代码企图用缩进的要收证明else 是对付应if (a == 1) 的,然而是本量上,由于 else 与if (b == 0) 最相近,本代码不克不迭按做家的设念运止.透彻的代码是if (a == 1) { if (b == 0) alert(a+b);} else { alert(a-b);}提示一止代码太少,大概者波及到比较搀纯的嵌套,不妨思量用多止文本,如上例,if (a == 1) 后里不坐时写上语句,而是换一止再继启写.欣赏器不会殽杂的,当它们读完一止,创制是一句已完成语句,它们会继启往下读.使用缩进也是很佳的习惯,当一些语句与上头的一二句语句有从属关系时,使用缩进能使步调更易读,便当步调员举止编写大概建改处事.循环体for (<变量>=<初初值>; <循环条件>; <变量乏加要收>) <语句>;本语句的效率是沉复真止<语句>,曲到<循环条件>为false 为止.它是那样运做的:最先给<变量>赋<初初值>,而后*推断<循环条件>(该当是一个关于<变量>的条件表黑式)是可创制,如果创制便真止<语句>,而后按<变量乏加要收>对付<变量>做乏加,回到“*”处沉复,如果不可坐便退出循环.那喊搞“for循环”.底下瞅瞅例子.for (i = 1; i < 10; i++) document.write(i);本语句先给i 赋初初值1,而后真止document.write(i)语句(效率是正在文档中写i 的值,请参越“对付象化编程”一章);沉复时i++,也便是把i 加1;循环曲到i<10 不谦足,也便是i>=10 时中断.截止是正在文档中输出了“123456789”.战if 语句一般,<语句>只可是一止语句,如果念用多条语句,您需要用语句块.与其余道话分歧,JavaScript 的for 循环不确定循环变量屡屡循环一定要加一大概减一,<变量乏加要收>不妨是任性的赋值表黑式,如i+=3、i*=2、i-=j 等皆创制.提示切合的使用for 循环,能使HTML 文档中洪量的有程序沉复的部分简化,也便是用for 循环沉复写一些HTML 代码,达到普及网页下载速度的脚段.不过请正在Netscape 中沉复举止庄重尝试,包管通过了才佳把网页传上去.做家曾试过多次果为用for 循环背文档沉复写HTML 代码而引导Netscape“猝死”.IE 中千万于不那种事务爆收,如果您的网也是只给 IE 瞅的,用多多的 for 也出问题.除了for 循环,JavaScript 还提供while 循环.while (<循环条件>) <语句>;比 for 循环简朴,while 循环的效率是当谦足<循环条件>时真止<语句>.while 循环的乏加本量不 for 循环强.<语句>也只可是一条语句,然而是普遍情况下皆使用语句块,果为除了要沉复真止某些语句除中,还需要一些能变动<循环条件>所波及的变量的值的语句,可则一然而踩进此循环,便会果为条件经常谦足而背去困正在循环内里,不克不迭出去.那种情况,咱们习惯称之为“死循环”.死循环会弄停当时正正在运止的代码、正正在下载的文档,战占用很大的内存,很大概制成死机,该当尽最大的齐力预防.break战 continue偶我间正在循环体内,需要坐时跳出循环大概跳过循环体内其余代码而举止下一次循环.break 战continue 助了咱们大闲.break;本语句搁正在循环体内,效率是坐时跳出循环.continue;本语句搁正在循环体内,效率是中止本次循环,并真止下一次循环.如果循环的条件已经不切合,便跳出循环.例for (i = 1; i < 10; i++) { if (i == 3 || i == 5 || i == 8) continue; document.write(i);}输出:124679.switch 语句如果要把某些数据分类,比圆,要把教死的结果按劣、良、中、好分类,咱们大概会用 if 语句:if (score >= 0 && score < 60) { result = 'fail';} else if (score < 80) { result = 'pass';} else if (score < 90) { result = 'good';} else if (score <= 100) { result = 'excellent';} else { result = 'error';}瞅起去不问题,然而使用太多的 if 语句的话,步调瞅起去有面治.switch 语句便是办理那种问题的最佳要收. switch (e) { case r1: (注意:冒号) ... [break;] case r2: ... [break;] ... [default: ...]}那一大段的效率是:估计e 的值(e 为表黑式),而后跟下边“case”后的r1、r2……比较,当找到一个相等于e 的值时,便真止该“case”后的语句,曲到逢到break 语句大概switch 段降中断(“}”).如果不一个值与e 匹配,那么便真止“default:”后边的语句,如果不default 块,switch 语句中断.上边的 if 段用 switch 改写便是:switch (parseInt(score / 10)) { case 0: case 1: case 2: case 3: case 4: case 5: result = 'fail'; break; case 6: case 7: result = 'pass'; break; case 8: result ='good'; break; case 9: result ='excellent'; break; default: if (score== 100) result = 'excellent'; else result = 'error';}其中parseInt()要收是以去会介绍的,效率是与整.末尾default 段用的if 语句,是为了不把100 分当过得论(parseInt(100 / 10) == 10).. 对付象化编程JavaScript 是使用“对付象化编程”的,大概者喊“里背对付象编程”的.所谓“对付象化编程”,意义是把JavaScript 能波及的范畴区别成大大小小的对付象,对付象底下还继启区别对付象曲至非常仔细为止,所有的编程皆以对付象为出收面,基于对付象.小到一个变量,大到网页文档、窗心以至屏幕,皆是对付象.那一章将“里背对付象”道述 JavaScript 的运止情况.对付象的基础知识对付象是不妨从JavaScript“势力范畴”中区别出去的一小块,不妨是一段笔墨、一幅图片、一个表单(Form)等等.每个对付象有它自己的属性、要收战事变.对付象的属性是反映该对付象某些特定的本量的,比圆:字符串的少度、图像的少宽、笔墨框(Textbox)里的笔墨等等;对付象的要收能对付该对付象搞一些事务,比圆,表单的“提接”(Submit),窗心的“滑动”(Scrolling)等等;而对付象的事变便能赞同爆收正在对付象上的事务,比圆提接表单爆收表单的“提接事变”,面打对接爆收的“面打事变”.不是所有的对付象皆有以上三个本量,有些不事变,有些惟有属性.引用对付象的任一“本量”用“<对付象名>.<本量名>”那种要收.基础对付象目前咱们要复习以上教过的真量了——把一些数据典型用对付象的角度沉新教习一下.Number“数字”对付象.那个对付象用得很少,做家便一次也不睹过.不过属于“Number”的对付象,也便是“变量”便多了.属性MAX_VALUE用法:Number.MAX_VALUE;返回“最大值”.MIN_VALUE用法:Number.MIN_VALUE;返回“最小值”.NaN用法:Number.NaN 大概NaN;返回“NaN”.“NaN”(不是数值)正在很早便介绍过了.NEGATIVE_INFINITY用法:Number.NEGATIVE_INFINITY;返回:背无贫大,比“最小值”还小的值.POSITIVE_INFINITY用法:Number.POSITIVE_INFINITY;返回:正无贫大,比“最大值”还大的值.要收toString()用法:<数值变量>.toString();返回:字符串形式的数值.如:若 a == 123;则 a.toString() == '123'.String字符串对付象.声明一个字符串对付象最简朴、快速、灵验、时常使用的要收便是间接赋值.属性length用法:<字符串对付象>.length;返回该字符串的少度.要收charAt()用法:<字符串对付象>.charAt(<位子>);返回该字符串位于第<位子>位的单个字符.注意:字符串中的一个字符是第0 位的,第二个才是第1 位的,末尾一个字符是第length - 1 位的.charCodeAt()用法:<字符串对付象>.charCodeAt(<位子>);返回该字符串位于第<位子>位的单个字符的ASCII 码.fromCharCode()用法:String.fromCharCode(a, b, c...);返回一个字符串,该字符串每个字符的ASCII 码由 a, b, c... 等去决定.indexOf()用法:<字符串对付象>.indexOf(<另一个字符串对付象>[, <起初位子>]);该要收从<字符串对付象>中查找<另一个字符串对付象>(如果给出<起初位子>便忽略之前的位子),如果找到了,便返回它的位子,不找到便返回“-1”.所有的“位子”皆是从整开初的.lastIndexOf()用法:<字符串对付象>.lastIndexOf(<另一个字符串对付象>[, <起初位子>]);跟indexOf() 相似,不过是从后边开初找.split()用法:<字符串对付象>.split(<合并符字符>);返回一个数组,该数组是从<字符串对付象>中分散开去的,<合并符字符>决断了分散的场合,它自己不会包罗正在所返回的数组中.比圆:'1&2&345&678'.split('&')返回数组:1,2,345,678.关于数组,咱们等一下便计划.substring()用法:<字符串对付象>.substring(<初>[, <末>]);返回本字符串的子字符串,该字符串是本字符串从<初>位子到<末>位子的前一位子的一段.<末> - <初> = 返回字符串的少度(length).如果不指定<末>大概指定得超出字符串少度,则子字符串从<初>位子背去与到本字符串尾.如果所指定的位子不克不迭返回字符串,则返回空字符串.substr()用法:<字符串对付象>.substr(<初>[, <少>]);返回本字符串的子字符串,该字符串是本字符串从<初>位子开初,少度为<少>的一段.如果不指定<少>大概指定得超出字符串少度,则子字符串从<初>位子背去与到本字符串尾.如果所指定的位子不克不迭返回字符串,则返回空字符串.toLowerCase()用法:<字符串对付象>.toLowerCase();返回把本字符串所有大写字母皆形成小写的字符串.toUpperCase()用法:<字符串对付象>.toUpperCase();返回把本字符串所有小写字母皆形成大写的字符串. Array数组对付象.数组对付象是一个对付象的集中,里边的对付象不妨是分歧典型的.数组的每一个成员对付象皆有一个“下标”,用去表示它正在数组中的位子(既然是“位子”,便也是从整开初的啦).数组的定义要收:var <数组名> = new Array();那样便定义了一个空数组.以去要增加数组元素,便用:<数组名>[<下标>] = ...;注意那里的圆括号不是“不妨简略”的意义,数组的下标表示要收便是用圆括号括起去.如果念正在定义数组的时间间接初初化数据,请用:var <数组名> = new Array(<元素1>, <元素2>, <元素3>...);比圆,var myArray = new Array(1, 4.5, 'Hi'); 定义了一个数组 myArray,里边的元素是:myArray[0] == 1; myArray[1] == 4.5; myArray[2] == 'Hi'.然而是,如果元素列表中惟有一个元素,而那个元素又是一个正整数的话,那将定义一个包罗<正整数>个空元素的数组.注意:JavaScript惟有一维数组!千万不要用“Array(3,4)”那种笨笨的要收去定义4 x 5 的二维数组,大概者用“myArray[2,3]”那种要收去返回“二维数组”中的元素.任性“myArray[...,3]”那种形式的调用本去只返回了“myArray[3]”.要使用多维数组,请用那种假制法:var myArray = new Array(new Array(), new Array(), new Array(), ...);本去那是一个一维数组,里边的每一个元素又是一个数组.调用那个“二维数组”的元素时:myArray[2][3] = ...;属性length用法:<数组对付象>.length;返回:数组的少度,即数组里有几个元素.它等于数组里末尾一个元素的下标加一.所以,念增加一个元素,只需要:myArray[myArray.length] = ....要收join()用法:<数组对付象>.join(<合并符>);返回一个字符串,该字符串把数组中的各个元素串起去,用<合并符>置于元素与元素之间.那个要收不效率数组本本的真量.reverse()用法:<数组对付象>.reverse();使数组中的元素程序反过去.如果对付数组[1, 2, 3]使用那个要收,它将使数组形成:[3, 2, 1].slice()用法:<数组对付象>.slice(<初>[, <末>]);返回一个数组,该数组是本数组的子集,初于<初>,毕竟<末>.如果不给出<末>,则子集背去与到本数组的末端.sort()用法:<数组对付象>.sort([<要收函数>]);使数组中的元素依照一定的程序排列.如果不指定<要收函数>,则按字母程序排列.正在那种情况下,80 是比9 排得前的.如果指定<要收函数>,则按<要收函数>所指定的排序要收排序.<要收函数>比较易道述,那里只将一些有用的<要收函数>介绍给大家.按降序排列数字:function sortMethod(a, b) { return a - b;}myArray.sort(sortMethod);按降序排列数字:把上头的“a - b”该成“b - a”.有关函数,请瞅底下.Math“数教”对付象,提供对付数据的数教估计.底下所提到的属性战要收,不再仔细证明“用法”,大家正在使用的时间记着用“Math.<名>”那种要收.属性E返回常数e (2.718281828...).LN2返回 2 的自然对付数 (ln 2).LN10返回 10 的自然对付数 (ln 10).LOG2E返回以 2 为矮的 e 的对付数 (log2e).LOG10E返回以 10 为矮的 e 的对付数 (log10e).PI 返回π(3.1415926535...).SQRT1_2返回 1/2 的仄圆根.SQRT2返回 2 的仄圆根.要收abs(x)返回x 的千万于值.acos(x)返回x 的反余弦值(余弦值等于x 的角度),用弧度表示.asin(x)返回x 的反正弦值.atan(x)返回x 的反正切值.atan2(x, y)返恢复仄里内面(x, y)对付应的复数的幅角,用弧度表示,其值正在 -π 到π 之间.ceil(x)返回大于等于x 的最小整数.cos(x)返回x 的余弦.exp(x)返回 e 的 x 次幂 (e x).floor(x)返回小于等于x 的最大整数.log(x)返回 x 的自然对付数 (ln x).max(a, b)返回 a, b 中较大的数.min(a, b)返回 a, b 中较小的数.pow(n, m)返回 n 的 m 次幂 (n m).random()返回大于 0 小于 1 的一个随机数.round(x)返回 x 四舍五进后的值.sin(x)返回x 的正弦.sqrt(x)返回 x 的仄圆根.tan(x)返回 x 的正切. Date日期对付象.那个对付象不妨储躲任性一个日期,从0001 年到9999 年,而且不妨透彻到毫秒数(1/1000 秒).正在内里,日期对付象是一个整数,它是从1970 年1 月1 日整时正开初估计到日期对付象所指的日期的毫秒数.如果所指日期比1970 年早,则它是一个背数.所有日期时间,如果不指定时区,皆采与“UTC”(天下时)时区,它与“GMT”(格林威治时间)正在数值上是一般的.定义一个日期对付象:var d = new Date;那个要收使d 成为日期对付象,而且已有初初值:目前时间.如果要自定初初值,不妨用:var d = new Date(99, 10, 1); //99 年10 月 1 日var d = new Date('Oct 1, 1999'); //99 年 10 月 1 日等等要收.最佳的要收便是用底下介绍的“要收”去庄重的定义时间.要收以下有很多“g/set[UTC]XXX”那样的要收,它表示既有“getXXX”要收,又有“setXXX”要收.“get”是赢得某个数值,而“set”是设定某个数值.如果戴有“UTC”字母,则表示赢得/设定的数值是基于 UTC 时间的,不则表示基于当天时间大概欣赏期默认时间的.如无证明,要收的使用要收为:“<对付象>.<要收>”,下共.g/set[UTC]FullYear()返回/树坐年份,用四位数表示.如果使用“x.set[UTC]FullYear(99)”,则年份被设定为 0099 年.g/set[UTC]Year()返回。
Java基础入门教程(适合所有菜鸟)
![Java基础入门教程(适合所有菜鸟)](https://img.taocdn.com/s3/m/82e21fe3846a561252d380eb6294dd88d0d23d81.png)
第2章 Java语言开发环境 6 2.1 JDK 62.1.1 JDK的简介62.1.2 JDK的构成62.1.3 JDK的使用62.2 IDE 82.2.1 IDE简介82.2.2 JBuilder 92.2.3 Eclipse 92.2.4 相关资源92.3 Project管理92.3.1 Project的含义92.3.2 可行的Project组织模式 9102.4 本章小结 10习题10第1章 Java语言概述与面向对象思想1.1 Java语言的开展1.1.1 Java语言的产生上世纪90年代初期,Sun公司在研究一种适用于未来的智能设备的编程语言,该语言要具有一些新的特性,以防止C++的一些缺乏。
该语言起初命名为Oak,来源于语言作者Gosling办公室窗外的一棵橡树〔Oak〕。
后来在注册时候遇到了冲突,于是就从手中的热咖啡联想到了印度尼西亚一个盛产咖啡的岛屿,中文名叫爪哇,Java语言得名于此。
随着Internet的迅速开展,Web应用日益广泛,Java语言也得到了迅速开展。
1994年,Gosling用Java开发了一个实时性较高、可靠、平安、有交互功能的新型Web浏览器,它不依赖于任何硬件平台和软件平台。
这种浏览器名称为HotJava,并于1995年同Java语言一起,正式在业界对外发表,引起了巨大的轰动,Java的地位随之而得到肯定。
此后的开展非常迅速。
Java编程语言的句法与C++的句法相似,语义那么与Small Talk TM的语义相似。
Java编程语言可被用来创立任何常规编程语言所能创立的应用程序。
设计Java编程语言的主要目标是:提供一种易于编程的语言,从而消除其它语言在诸如指针运算和存储器管理方面影响健壮性的缺陷。
利用面向对象的概念使程序真正地成为完全面向对象的程序。
为获得如下两点益处提供一种解释环境:提高开发速度──消除编译─链接—装载—测试周期;代码可移植性──使操作系统能为运行环境做系统级调用。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
JavaScript 简介JavaScript 有什么特点JavaScript 使网页增加互动性。
JavaScript 使有规律地重复的HTML文段简化,减少下载时间。
JavaScript 能及时响应用户的操作,对提交表单做即时的检查,无需浪费时间交由 CGI 验证。
JavaScript 的特点是无穷无尽的,只要你有创意。
Java 与 JavaScript 有什么不同很多人看到 Java 和 JavaScript 都有“Java”四个字,就以为它们是同一样东西,连我自己当初也是这样。
其实它们是完完全全不同的两种东西。
Java,全称应该是Java Applet,是嵌在网页中,而又有自己独立的运行窗口的小程序。
Java Applet 是预先编译好的,一个 Applet 文件(.class)用 Notepad 打开阅读,根本不能理解。
Java Applet 的功能很强大,可以访问 http、ftp等协议,甚至可以在电脑上种病毒(已有先例了)。
相比之下,JavaScript 的能力就比较小了。
JavaScript 是一种“脚本”(“Script”),它直接把代码写到 HTML 文档中,浏览器读取它们的时候才进行编译、执行,所以能查看HTML 源文件就能查看JavaScript 源代码。
JavaScript 没有独立的运行窗口,浏览器当前窗口就是它的运行窗口。
它们的相同点,我想只有同是以 Java 作编程语言一点了。
开发 JavaScript 该用什么软件一个 JavaScript 程序其实是一个文档,一个文本文件。
它是嵌入到 HTML 文档中的。
所以,任何可以编写 HTML 文档的软件都可以用来开发 JavaScript。
在此我推荐大家用 FrontPage 2000 附带的 Microsoft 脚本编辑器(在FrontPage 菜单 | 工具 | 宏 | Microsoft 脚本编辑器)。
它是个像 Visual Basic / C++ 一样的程序开发器,能对正在输入的语句作出简要提示。
配合 FrontPage 2000,使工作量大大减少。
JavaScript 语言的基础在什么地方插入 JavaScriptJavaScript 可以出现在 HTML 的任意地方。
使用标记<script>…</script>,你可以在 HTML 文档的任意地方插入 JavaScript,甚至在<HTML>之前插入也不成问题。
不过如果要在声明框架的网页(框架网页)中插入,就一定要在<frameset>之前插入,否则不会运行。
基本格式<script><!--...(JavaScript代码)...s”作扩展名),然后用格式为“<scriptsrc=""></script>”的标记把它嵌入到文档中。
注意,一定要用“</script>”标记。
参考 <script>标记还有一个属性:language(缩写lang),说明脚本使用的语言。
对于JavaScript,请用“language="JavaScript"”。
参考相对于<script>标记,还有一个<server>标记。
<server>标记所包含的,是服务器端(Server Side)的脚本。
本教程只讨论客户器端(Client Side)的JavaScript,也就是用<script>标记包含的脚本。
如果想在浏览器的“地址”栏中执行 JavaScript 语句,用这样的格式:javascript:<JavaScript语句>这样的格式也可以用在连接中:<a href="javascript:<JavaScript语句>">...</a> JavaScript 基本语法每一句 JavaScript 都有类似于以下的格式:<语句>;其中分号“;”是 JavaScript 语言作为一个语句结束的标识符。
虽然现在很多浏览器都允许用回车充当结束符号,培养用分号作结束的习惯仍然是很好的。
语句块语句块是用大括号“{ }”括起来的一个或 n 个语句。
在大括号里边是几个语句,但是在大括号外边,语句块是被当作一个语句的。
语句块是可以嵌套的,也就是说,一个语句块里边可以再包含一个或多个语句块。
JavaScript 中的变量什么是变量从字面上看,变量是可变的量;从编程角度讲,变量是用于存储某种/某些数值的存储器。
所储存的值,可以是数字、字符或其他的一些东西。
变量的命名变量的命名有以下要求:只包含字母、数字和/或下划线;要以字母开头;不能太长(其实有什么人喜欢使用又长又臭的名字呢);不能与 JavaScript 保留字(Key Words,Reserved Words,数量繁多,不能一一列出;凡是可以用来做 JavaScript 命令的字都是保留字)重复。
而且,变量是区分大小写的,例如,variable 和 Variable 是两个不同的变量。
不仅如此,大部分命令和“对象”(请参阅“对象化编程”章)都是区分大小写的。
提示给变量命名,最好避免用单个字母“a”“b”“c”等,而改用能清楚表达该变量在程序中的作用的词语。
这样,不仅别人能更容易的了解你的程序,而且你在以后要修改程序的时候,也很快会记得该变量的作用。
变量名一般用小写,如果是由多个单词组成的,那么第一个单词用小写,其他单词的第一个字母用大写。
例如:myVariable 和myAnotherVariable。
这样做仅仅是为了美观和易读,因为JavaScript 一些命令(以后将用更具体的方法阐述“命令”一词)都是用这种方法命名的:indexOf;charAt 等等。
变量需要声明没有声明的变量不能使用,否则会出错:“未定义”。
声明变量可以用:var <变量> [= <值>];var我们接触的第一个关键字(即保留字)。
这个关键字用作声明变量。
最简单的声明方法就是“var <变量>;”,这将为<变量>准备内存,给它赋初始值“null”。
如果加上“= <值>”,则给<变量>赋予自定的初始值<值>。
数据类型变量可以用的数据类型有:整型只能储存整数。
可以是正整数、0、负整数,可以是十进制、八进制、十六进制。
八进制数的表示方法是在数字前加“0”,如“0123”表示八进制数“123”。
十六进制则是加“0x”:“0xEF”表示十六进制数“EF”。
浮点型即“实型”,能储存小数。
有资料显示,某些平台对浮点型变量的支持不稳定。
没有需要就不要用浮点型。
字符串型是用引号“" "”、“' '”包起来的零个至多个字符。
用单引号还是双引号由你决定。
跟语文一样,用哪个引号开始就用哪个结束,而且单双引号可嵌套使用:'这里是"JavaScript 教程"。
' 不过跟语文不同的是,JavaScript 中引号的嵌套只能有一层。
如果想再多嵌一些,你需要转义字符:转义字符由于一些字符在屏幕上不能显示,或者JavaScript 语法上已经有了特殊用途,在要用这些字符时,就要使用“转义字符”。
转义字符用斜杠“\”开头:\' 单引号、\" 双引号、\n 换行符、\r 回车(以上只列出常用的转义字符)。
于是,使用转义字符,就可以做到引号多重嵌套:'Micro 说:"这里是\"JavaScript 教程\"。
" '布尔型常用于判断,只有两个值可选:true(表“真”)和 false(表“假”)。
true 和 false 是 JavaScript 的保留字。
它们属于“常数”。
对象关于对象,在“对象化编程”一章将详细讲到。
由于 JavaScript 对数据类型的要求不严格,一般来说,声明变量的时候不需要声明类型。
而且就算声明了类型,在过程中还可以给变量赋予其他类型的值。
声明类型可以用赋予初始值的方法做到:var aString = '';这将把 aString 定义为具有空值的字符串型变量。
var anInteger = 0;这将把 anInteger 定义为值为 0 的整型。
变量的赋值一个变量声明后,可以在任何时候对其赋值。
赋值的语法是:<变量> = <表达式>;其中“=”叫“赋值符”,它的作用是把右边的值赋给左边的变量。
下一节将讨论到表达式。
JavaScript常数有下列几个:null一个特殊的空值。
当变量未定义,或者定义之后没有对其进行任何赋值操作,它的值就是“null”。
企图返回一个不存在的对象时也会出现null值。
注意所有与四则运算有关的运算符都不能作用在字符串型变量上。
字符串可以使用 +、+= 作为连接两个字符串之用。
提示请密切注意运算的优先级。
编程时如果不记得运算符的优先级,可以使用括号( )。
例如:(a == 0)||(b == 0)。
一些用来赋值的表达式,由于有返回的值,可以加以利用。
例如,用以下语句:a = b = c = 10,可以一次对三个变量赋值。
语句下面将开始讨论 JavaScript 基本编程命令,或者叫“语句”。
注释像其他所有语言一样,JavaScript 的注释在运行时也是被忽略的。
注释只给程序员提供消息。
JavaScript 注释有两种:单行注释和多行注释。
单行注释用双反斜杠“.[break;]case r2:...[break;]... ...]}这一大段的作用是:计算 e 的值(e 为表达式),然后跟下边“case”后的 r1、r2……比较,当找到一个相等于 e 的值时,就执行该“case”后的语句,直到遇到 break 语句或 switch 段落结束(“}”)。
如果没有一个值与 e 匹配,那么就执行“default:”后边的语句,如果没有default 块,switch 语句结束。
上边的 if 段用 switch 改写就是:switch (parseInt(score / 10)) {case 0:case 1:case 2:case 3:case 4:case 5:result = 'fail';break;case 6:case 7:result = 'pass';break;case 8:result = 'good';break;case 9:result = 'excellent';break;default:if (score == 100)result = 'excellent';elseresult = 'error';}其中parseInt()方法是以后会介绍的,作用是取整。