*01-Javascript(概述和Java的区别)
jsp 服务端
javascript 客户端
Java强类型:对每一种数据都定义了类型,每一种类型都有大小限制说明。
js弱类型:可以放任意东西。
*02-Javascript(Js和html相结合的方式一二)
方式1:
方式2:
封装到js文件里面,在html中,src属性里面指定它。
注意r:
*03-Javascript(语法的通用体现)
注释:多行 和 单行注释
通用的语法有:
1.关键字:语言中被赋予特殊含义的词
2.标识符:用于表示数据和表达式的符号,自定义名称,变量名、函数名。
3.注释
4.变量:用于表示内存中一片空间,用于存储数据的,可以变化的。什么时候使用变量呢?但使用的值不确定的时候。
5.运算符:可以让数据进行运算的符号
6.语句:用于对程序运行流程进行控制的表达方式。
7.函数:用于对功能代码进行封装,以便提高代码的复用性。
8.数组:对多数据进行存储,就是容器。
9.只要是基于对象的语言,面向对象的语言,就存在对象的感念,对象就是一个封装体,既可以封装数据,也可以封装函数。
*04-Javascript(JS语法-变量)
var x = 3;
var x = 4
x = 3
都可以通过。
*05-Javascript(JS语法-算术运算符)
1.算术运算符
2.赋值运算符
3.比较运算符
4.逻辑运算符
5.位运算符
6.三元运算符
*06-Javascript(JS语法-其他运算符)
js中& 是位运算符的。
*07-Javascript(JS语法-小细节)
------------小结-------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK">
<title>Javascript语法</title>
</head>
<body>
<!--
js和html相结合的方式:
1,将javascript代码封装到<script>标签中。
2,将javascript代码封装到js文件中,并通过<script>中的src属性进行导入。
注意:如果<script>标签中使用src属性,那么该标签中封装的javascript代码不会被执行。
所以通常导入js文件都是用单独<script>来完成。
-->
<!--导入一个js文件-->
<!--script type="text/javascript" src="demo.js"></script-->
<!--封装javascript代码。-->
<script type="text/javascript">
// alert("hello javascript");
</script>
<!--演示javascript语法通用内容-->
<script type="text/javascript">
/*
* 通常高级程序设计语言所包含的语法内容:
* 1,关键字:该种语言中被赋予了特殊含义的单词。
* 2,标示符:用于标示数据和表达式的符号。通常可以理解为在程序中自定义的名称。比如变量名,函数名。
* 3,注释:注解说明解释程序。用于调试程序。
* 4,变量:用于标示内存中一片空间。用于存储数据,该空间的中的数据是可以变化的。
* 什么时候使用变量,当数据不确定的时候。
* 5,运算符:可以让数据进行运算的符号。
* 6,语句:用于对程序的运行流程进行控制的表达式。
* 7,函数:用于对功能代码进行封装,便于提高复用性。
* 8,数组:对多数据进行存储,便于操作。就是传说中容器。
* 9,对象:只要是基于对象的语言,或者是面向对象的语言,就存在着对象的概念,
* 对象就是一个封装体。既可以封装数据有可以封装函数。
*
* 这些都是高级程序设计语言具备的共性内容,只不过各种语言对这些内容的表现形式有所不同。
* 但是使用基本思想是一致。
*/
</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,位运算符。
* & | ^ >> << >>>
* 6,三元运算符。
* ? :
*/
//1,算术运算符演示。
var a = 3710;
// alert("a="+a/1000*1000);//a=3710;
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);
// =================================================
// 3,比较运算符。
var z = 3;
// alert(z!=4);
// =================================================
// 4,逻辑运算符。
var t = 4;
// alert(t>7 && t<6);
// alert(!true);
// =================================================
// 5,位运算符。
var c = 6;
// alert(c&3);//2
// alert(5^3^3);//5
// alert(c>>>1);//6/2(1);
// alert(c<<2);//24
// =================================================
//6,三元运算符。
// 3>0?alert("yes"):alert("no");
// alert(3>10?100:200);
</script>
<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>
</body>
</html>
*08-Javascript(JS语句-if语句)
顺序、判断、选择、循环、其他结构。
*09-Javascript(JS语句-switch语句)
*10-Javascript(JS语句-循环语句)
*11-Javascript(JS语句-其他语句)
-----小结---
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK">
<title>Untitled Document</title>
</head>
<body>
<script type="text/javascript">
/*
* 语句:
* 1,顺序结构。
*
* 2,判断结构。
* 代表语句: if.
* 3,选择结构。
* switch
* 4,循环结构。
* while do while for
* 5,其他语句。
* break:跳出选择,跳出循环。
* continue:用于循环语句,结束本次循环继续下次循环。
*/
// alert("abc1");
// alert("abc2");
// ------------------------------------------------
/*
var x = 3;
// if(x=4){//注意。
if(4==x){//建议将常量放左边。以报错来修正代码。
alert("yes");
}else{
alert("no");
}
if(x>1)
alert("a");
else if(x>2)
alert("b");
else if(x>3)
alert("c");
else
alert("d");
*/
// ------------------------------------------------
/*
//选择结构。
var x = "abc";
switch(x){
default:
alert("c");
break;//省略。
case "kk":
alert("a");
break;
case "abc":
alert("b");
break;
}
*/
//循环结构。
/*
var x = 1;
document.write("<font color='blue' >");
while(x<10)
{
// alert("x="+x);
//将数据直接写到当前页面当中。
document.write("x="+x+"<br/>");
x++;
}
document.write("</font>");
for(var x=0; x<3; x++){
document.write("x="+x);
}
*/
/*
w:for(var x=0; x<3; x++){
for(var y=0; y<4; y++){
document.write("x==="+x);
continue w;//跳出当前循环。
}
}
*/
</script>
</body>
</html>
*12-Javascript(JS语句-练习-九九乘法表)
空格
制表符
*13-Javascript(JS数组)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK">
<title>Untitled Document</title>
</head>
<body>
<script type="text/javascript">
/*
* javascript中的数组演示。
*
* 数组用于存储更多的数据,是一个容器。
* 特点:
* 1,长度的是可变的。
* 2,元素的类型是任意的。
* 建议在使用数组时,存储同一类型的元素。操作起来较多方便。
*
*
* js中的数组定义的两种方式:
* 1,var arr = []; var arr = [3,1,5,8];
* 2,使用了javascript中的Array对象来完成的定义。
* var arr = new Array();//var arr = [];
* var arr1 = new Array(5);//数组定义并长度是5.
* var arr2 = new Array(5,6,7);//定义一个数组,元素是5,6,7;
*
*
*/
var arr = [23,78,100];
// alert(typeof(arr));//对象类型Object
// alert("len:"+arr.length);
arr[4] = 348;
arr[1] = "abc";
arr[2] = true;
//遍历数组。
for(var x=0; x<arr.length; x++){
document.write("arr["+x+"]="+arr[x]+"<br/>");
}
</script>
</body>
</html>