韩顺平 轻松搞定网页设计html (DIV CSS) javascript视频笔记(全).docVIP

2011韩顺平轻松搞定网页设计（html+css+js）之 javascript现场授课笔记（完整版） Javascript的基本介绍 JS是用于WEB开发的脚本语言： 脚本语言是什么： 脚本语言不能独立使用，它和HTML/JSP/PHP/ASP.NET配合使用 脚本语言也有自己的变量，函数，控制语句（顺序，分支，循环） 脚本语言实际上是解释性语言（即在执行时直接对源码进行执行） Java程序.java→.class→jvm , js→浏览器（js引擎来解释执行） Js在客户端（浏览器）执行 因为js是由浏览器来执行的，因此这里有个问题，不同类型的浏览器可能对js的支持不一样。 !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN /TR/html4/loose.dtd html head script language=javascript function test(){ window.alert(hello world!); } /script title New Document /title /head body input type=button onclick=test() value=点击一下吧/ /body /html 案例：1 ：，hello ！ html head !----jshead标签间,但实际上也可以放在别的位置-- script language=javascript window.alert(hello!); /script title New Document /title /head body input type=button onclick=test() value=点击一下吧/ /body /html 问题： js的位置可以随意放 js必须使用 script language=javascript 代码/script 在一个html文件中（JSP/PHP/ASP.NET）可以出现多对（script）片段，浏览器会按照先后顺序一次执行 案例2:Hello world程序改进 如何定义变量： 如何运算： html head title New Document /title /head body !----js代码是放在head标签间,但实际上也可以放在别的位置-- script language=javascript //js中变量的定义（js中变量用var表示，无论什么类型） var num1=1; var num2=60; var result=num1+num2; window.alert(结果是+result); //alert函数 window.alert表示弹出一个对话框 /script /body /html Js的变量类型是怎样决定的 Js是弱数据类型语言，即：在定义变量侍候，统一使用var表示，甚至可以去点var这个关键字 Js中的变量的数据是由js引擎决定的 Var name=”shunping”; //name是字符串 Var kk=2 //kk是数字 Name=234; //这事name自动变成数 Js的命名规范（函数/变量）： 使用大小写字母，数字，$可以命名 不能以数字打头 不能使用js保留字和关键字（即java里的关键字） 区分大小写 单行注释：// 多行注释：/*…….*/ 韩顺平JS第三讲 Js的数据类型： 基本数据类型 数值类型 字符串类型 布尔类型 通过typeof可以看到变量的具体数据类型 举例： html head title New Document /title script language=javascript var vi=abc; var v2=890; window.alert(v1是+typeof v1); window.alert(v2是+typeof v2); vi=456; //体现js是动态语言：即数据类型可以任意变化 window.alert(v1是+typeof v1); //体现js是动态语言 /script /head body /body /html 复合数据类型 数组 对象 特殊数据类型 Null 即：var=null Undefined 即：如下代码 script language=javascript window.alert(tt ); //直接报错：未定义 var tt;