jsp服务端,js客户端.
javascript 是基于对象和事件驱动的脚本语言.
特点:
- 交互性
- 安全性(不允许直接访问本地硬盘)
- 跨平台性(只要是可以解析java的浏览器都可以执行,和平台无关)
各大浏览器都有解析该语言的解析引擎。
js是基于对象的,java是面向对象。
js只需解释就可以执行。java需要编译成字节码文件再执行。
js是弱类型,java是强类型。
jscript是微软的和javascript很相似。javascript没有帮助文档。
微软的帮助文档是很强的。
javascript 和html语言的结合。
Jquery是JavaScript封装的一个类库。
html中可以有多个表单form,这些表单用标签<forms></forms>括起来,每个表单叫<form></form>,用一个form[]数组存储,form[0]代表第一个表单,form[1]代表第二个表单。
window对象常用方法:(window.alert(),window可以省略)
alert(‘信息’) 消息框
prompt(‘提示信息’,默认值)标准输入框
confirm()确认框
open()打开 一个新窗口
close()关闭窗口
/*
* 通常高级程序设计语言所包含的语法内容:
* 1,关键字:该种语言中被赋予了特殊含义的单词。
* 2,标示符:用于标示数据和表达式的符号。通常可以理解为在程序中自定义的名称。比如变量名,函数名。
* 3,注释:注解说明解释程序。用于调试程序。
* 4,变量:用于标示内存中一片空间。用于存储数据,该空间的中的数据是可以变化的。
*什么时候使用变量,当数据不确定的时候。
* 5,运算符:可以让数据进行运算的符号。
* 6,语句:用于对程序的运行流程进行控制的表达式。
* 7,函数:用于对功能代码进行封装,便于提高复用性。
* 8,数组:对多数据进行存储,便于操作。就是传说中容器。
* 9,对象:只要是基于对象的语言,或者是面向对象的语言,就存在着对象的概念,对象就是一个封装体。既可以封装数据又可以封装函数。
* 这些都是高级程序设计语言具备的共性内容,只不过各种语言对这些内容的表现形式有所不同。
* 但是使用基本思想是一致。
*/
在javascript中单引号和双引号都是表示字符串,单引号和双引号之间可以相互嵌套。
var x= 3 var y =4;编译错误
var x= 3
var y =4;分两行写就编译正确。
别挑战javascript的极限。人家是弱类型语言,也不要欺负人家。
<!--
js和html相结合的方式:
1,将javascript代码封装到<script>标签中。
2,将javascript代码封装到js文件中,并通过<script>中的src属性进行导入。
注意:如果<script>标签中使用src属性,那么该标签中封装的javascript代码不会被执行。
所以通常导入js文件都是用单独<script>来完成。
-->
<!--导入一个js文件-->
<!--script type="text/javascript" src="demo.js"></script-->
这个<script></script>标签中已经导入了demo.js文件了,(js中提供的是函数库,不是类库,就和java中jar包一样的。)再在<script>中写javascript程序,这些程序是不会被执行的。所以导入js文件都是单独<script>来完成的。
<!--封装javascript代码。-->
<script type="text/javascript">
// alert("hello javascript");
</script>
<!--演示javascript语法通用内容-->
1 <script type="text/javascript">
2
3 /*
4
5 * 通常高级程序设计语言所包含的语法内容:
6
7 * 1,关键字:该种语言中被赋予了特殊含义的单词。
8
9 * 2,标示符:用于标示数据和表达式的符号。通常可以理解为在程序中自定义的名称。比如变量名,函数名。
10
11 * 3,注释:注解说明解释程序。用于调试程序。
12
13 * 4,变量:用于标示内存中一片空间。用于存储数据,该空间的中的数据是可以变化的。
14
15 * 什么时候使用变量,当数据不确定的时候。
16
17 * 5,运算符:可以让数据进行运算的符号。
18
19 * 6,语句:用于对程序的运行流程进行控制的表达式。
20
21 * 7,函数:用于对功能代码进行封装,便于提高复用性。
22
23 * 8,数组:对多数据进行存储,便于操作。就是传说中容器。
24
25 * 9,对象:只要是基于对象的语言,或者是面向对象的语言,就存在着对象的概念,
26
27 * 对象就是一个封装体。既可以封装数据有可以封装函数。
28
29 *
30
31 * 这些都是高级程序设计语言具备的共性内容,只不过各种语言对这些内容的表现形式有所不同。
32
33 * 但是使用基本思想是一致。
34
35 */
36
37 </script>
<script type="text/javascript">
/*
* js中定义变量。使用到关键字。
* 这个关键字就是var
*/
//定义变量。Js是弱类型的。
var x = 4;//var不写也行,因为js是非严谨的语言,但是我们开发的时候建议都按照严谨的方式来定义。
x = "abc";//重新赋值为字符串abc。
x = 3.45;//赋值为小数。其实也是数字类型。
x = true;//赋值为boolean类型。
x = 'c';//赋值为字符串c。
// alert("x="+x);//这是一个函数,将具体的参数通过对话框进行显示。
</script>

<script type="text/javascript">
/*
* 运算符。
* 1,算术运算符。
* + - * / % ++ --
* 2,赋值运算符。
* = += -= *= /= %=
* 3,比较运算符:运算的结果要么是false要么是true。
* > < >= <= != ==
*
* 4,逻辑运算符。用来连接两个boolean型的表达式。
* ! && ||
* 5,位运算符。
* & | ^ >> << >>> js中单与和单或是位运算符,不是逻辑运算符
* 6,三元运算符。
* ? :
*/
//1,算术运算符演示。
var a = 3710;
// alert("a="+a/1000*1000);//a=3710; js是弱类型语言,注意这里和java的区别
var a1 = 2.3,b1 = 4.7;
// alert("a1+b1="+(a1+b1));
// alert("12"-1);//11
// alert("12"+1);//121
// alert(true+1);//2 因为在js中false就是0,或者null,非0,非null。就是true。默认用1表示。
// alert(2%5);//2
var n = 3,m;
m = ++n;
// alert("n="+n+",m="+m);
// =================================================
// 2,赋值运算符
var i = 3;
// i = i+2;
i+=2;
// alert("i="+i);
在js中i = i+2;和i+=2; 就没有任何区别了,在java中由于有类型的原因是有区别的。
// =================================================
// 3,比较运算符。
var z = 3;
// alert(z!=4);
// =================================================
// 4,逻辑运算符。
var t = 4;
// alert(t>7 && t<6);
// alert(!true);
alert(!t); //false js和java中的逻辑运算符是有区别的。js中“&”是位运算。
// =================================================
// 5,位运算符。
var c = 6;
// alert(c&3);//2 异或:两边相同则为假,两边不同为真。
// alert(5^3^3);//5 一个数异或同一个数两次,结果还是这个数。
// alert(c>>>1);//6/2(1); 6除以2的一次方
// alert(c<<2);//24 6乘以2的2次方。
// =================================================
//6,三元运算符。
// 3>0?alert("yes"):alert("no");
// alert(3>10?100:200);
</script>

if else和三元运算符的区别,if else可以没有结果,三元运算符必须有结果。
<script type="text/javascript">
/*
* 一些细节:
* 1,undefined:未定义。其实它就是一个常量。
*/
var xx;
// alert(xx);//undefined
// alert(xx==undefined);//true
//要想获取具体的值的类型。可以通过typeof来完成。
// alert(typeof("abc")=='string');//string
// alert(typeof(2.5)=='number');//number//判断类型。
// alert(typeof(true));//boolean
// alert(typeof(78));//number
// alert(typeof('9'));//string
</script>

1 <script type="text/javascript">
2 /*
3 * 语句:
4 * 1,顺序结构。
5 *
6 * 2,判断结构。
7 * 代表语句: if.
8 * 3,选择结构。
9 * switch
10 * 4,循环结构。
11 * while do while for
12 * 5,其他语句。
13 * break:跳出选择,跳出循环。
14 * continue:用于循环语句,结束本次循环继续下次循环。
15 */
16
17 // alert("abc1");
18 // alert("abc2");
19
20
21 // ------------------------------------------------
22 /*
23 var x = 3;
24 // if(x=4){//注意。
25 if(4==x){//建议将常量放左边。以报错来修正代码。赋值常量只能拿放右边,判断放左边右边都可以。
26 alert("yes");
27 }else{
28 alert("no");
29 }
30
31
32
33 if(x>1)
34 alert("a");
35 else if(x>2)
36 alert("b");
37 else if(x>3)
38 alert("c");
39 else
40 alert("d");
41 这里只输出a,因为只要满足一个就进入,其他的不再判断。
42 */
43
44 // ------------------------------------------------
45 /*
46 //选择结构。
47 var x = "abc";
48 switch(x){
49 default: //default总是最后执行的,尽管default是在最前面。
50 alert("c");
51 break;//省略。此处default注意省略会出现的现象。
52 case "kk":
53 alert("a");
54 break;
55 case "abc":
56 alert("b");
57 break;
58 }
59 */
60 当我们对结果是一段空间,或者是boolean类型进行运算的时候,用if,当结果是固定的几个值的时候,既可以用if也可以用switch,但是建议用switch,因为switch都加载进了内存,答案都在内存中,进行选择就可以,效率相对较高,不过这些效率可以忽略不计。
61
62
63 //循环结构。
64 /*
65 var x = 1;
66 document.write("<font color='blue' >");
67 while(x<10)
68 {
69 // alert("x="+x);
70 //将数据直接写到当前页面当中。
71 document.write("x="+x+"<br/>");
72 x++;
73 }
74 document.write("</font>");
75
76
77 for(var x=0; x<3; x++){
78 document.write("x="+x);
79 }
80 */
81
82 /*
83 w:for(var x=0; x<3; x++){
84 for(var y=0; y<4; y++){
85 document.write("x==="+x);
86 continue w;//跳出当前循环。
87 }
88 }
89 */
90 </script>

本文转自SummerChill博客园博客,原文链接:http://www.cnblogs.com/DreamDrive/p/4430377.html,如需转载请自行联系原作者