一、JavaScript概述: JavaScript是基于对象和事件的脚本语言。(检测:alert("内容");) 特点: 1、安全性(不允许直接访问本地硬盘),它可以做的就是信息的动态交互。 2、跨平台性。(只要是可以解释JS的浏览器都可以执行,和平台无关) 二、JavaScript与Java不同 1、JS是Netscape(网警)公司的产品,Java是Sun公司的产品 2、JS是基于对象(对象都已经封装好了)和事件驱动,Java是面向对象 3、JS只需解释就可以执行,Java需要先编译成字节码文件,再执行 4、JS是弱类型,Java是强类型 三、JavaScript与Html的结和方式 想要将其他代码融入到Html中,都是以标签的形式 1、JS代码存放在标签对<script>....</script>中 2、使用script标签的src属性引入一个JS文件。(方便后期维护,扩展) 例:<script src="test.js" type="javascript"></script> 注:规范中script标签中必须加入type属性 四、Javascript语法 每一种语言都有自己的语法规则,JS语法语Java很像,搜易学习起来比较容易,JS中也一样有变量,语句,函数,数组等常见语言组成元素 1、变量 通过关键字var来定义,弱类型即是不用指定具体的数据类型 例:var x=2;x="hello"; 注:JS中特殊的常量值:undefined。当变量没有初始化就被使用,该变量的值就是undefined(未定义) 2、语句(与Java语句格式相同) 1)判断结构(if语句) 注:var x=2; If(x==3)//可以进行比较运算 If(x=3)//可以进行赋值运算,而且可以同样进行判断,不报错 因为在JS中0就是false,非0就是true(通常用1表示) 所以if(x=3)结果是true; 2)选择结构(switch语句) 3)循环结构(while语句,do...while语句,for语句) 注:不同的是,没有了具体数据类型的限制,使用时要注意。 3、函数 1)一般函数 格式: Function 函数名(形式参数.....) { 执行语句: Return 返回值; } 函数是多条执行语句的封装体,只有被调用才会被运行。 注意:调用含有参数的函数,但没有给其传值,函数一样可以运行;或者调用没有参数的函数,给其传值,该函数也一样运行。说的简单点:只要写了函数名后面跟了一对小括号,该函数就会运行,那么传递的参数呢? 其实,在函数中有一个参数数组对象(arguments),该对象将传递的参数都封装在一个数组中。 例: Function demo()//定义函数 { Alert(arguments.length); } Demo("hello",123,true);//调用函数 那么弹出的对话框结果是3,如果想得到所有的参数,可以通过for循环遍历该数组 For(var x=0;x<arguments.length;x++) { Alert(arguments[x]); } 为了增强阅读性,最好按照规范,按定义好的形式参数传递实际参数 函数在调用时的其他写法: Var show =demo();//show变量接收demo函数的返回值 Var show =demo;//这种写法是可以的,意为show和demo代表同一个函数。 //那么该函数也可以通过show()的方式运行 2)动态函数 通过JS的内置对象function实现 例:var demo=new Function("x,y";"alert(x+y);"); Demo(4,6); 等同: Function demo(x,y) { Alert(x+y); } Demo(4,6); 不同的是:动态函数,参数以及函数体都可以通过参数进行传递,可以动态指定 3)匿名函数: 格式:function(){.......} 例:var demo=function(){............} (通常用于事件处理) Demo(); 通常在定义事件属性的行为时较为常用。 例: Function test() { Alert("load ok"); } Window.onload = test; 也可以写成匿名函数的形式: Window.onload=function() { Alert("load ok"); }
|