日期:2014-05-16  浏览次数:20342 次

javascript js 入门 一

一、概念

javascript是基于对象和事件驱动的脚本语言,主要应用在客户端。通常被简称为“js脚本”。

二、特点

1. 交互性 2. 安全性 3. 跨平台性

三、javascript与java的区别

1. 两者以前都不是一个公司的产品, javacript 是Netscape公司的产品,而java是sun公司的产品(现在是oracle公司产品了)。

2. js是基于对象,而java是面向对象的。

3. js只需要解析直接运行,java需要先编译再运行。

4. js是弱类型的,java是强制类型的(如基本变量在声明时就分配了一固定大小的内存空间)。

四、如何在html页面中,插入js代码, HTML与JS是如何结合的。

一般可通过以下方式

1. <script type="text/javascript" >

//JS代码 这种方式是在HTML页面中,直接写JS代码,一般放在Head标签中,若JS较简单为了方便阅读也可直接放在相应使用JS的标签处。
</script>

2. <script type="text/javascript" src="xxx.js" /> //再外部的JS代码,导入进HTML中。

五、JS语法

1. 定义变量 由于弱类型的,没有声明int,long等类型的,定义变量统一用var来搞定。 如 var x = 3; var y = "abc" ; var z = 32.22; ... 注意JS中没有字符概念,字符也当字符串来自处理,如 var a = "a" ; var b = 'a' ; 两都是一样的。

2. 运算符

2.1 算术运算符 + - * / % ++ -- 注意 var a ="12" ; alert(a-1) 是11的, 而alert(a+1) 是121的,这是因为JS内部可以自动进行类型转换的。
又如 var x=3890; var y = (x/1000)*1000; 最终y的值是3890,而不是3000,也是因为弱类型,将实际运行值可保证在任何一个var变量中。

2. 2 赋值运算符:= += -= *= /= %=

2.3 比较运算符:> < >= <= != ==

2.4 逻辑运算符:! && ||

2.5 位运算符:& | ^ >> << >>>

2.6 三元运算符:? : 如:3>0?alert("yes"):alert("no");

想要获取某个变量是什么类型的,可能通过 typeof 如:

alert(typeof('9')); //返回 string, 代表'9' 是一个string. alert(typeof(true)); //boolean

3. 语句

3.1. 顺序结构 没什么说的,从上到下的一种执行顺序而已 如 var a = 21 ; var b = 12.12; var c = a +b;

3.2 判断结构 if / if - else / if - else if - else 而已, 如: var x = 3;

if(x ==4 ) alert("是4呢") ; else alert("不是4") ;

3.3 选择结构 switch case 而已 如 var x = "abc" ;

switch(x) {
case "kk" : { alert("a") ; break; }
case "bc" : { alert("bc"); break; }
defalut : {alert("c") ; break;}

}

3.4 循环结构 无非是 do-while \ while \ for循环而已 如: var x = 1;

while (x < 3){
alert("x="+x);
x++;
}

3.5 其它语句结构 如 break 、和 continue; break与continue都可以用于跳出到标记的一个位置上,而continue只能用在循环中,break可以在循环或在选择语句中。continue是终止本次循环,继续下次循环,而break是跳出循环,不再走循环了。