韩顺平轻松搞定网页设计(html+css+js),韩顺平轻松搞定网页设计方案(html+css+js)之javascript现场授课笔记(完整版).doc...

2011韩顺平轻松搞定网页设计(html+css+js)之

javascript现场授课笔记(完整版)

视频18整和19的前半部分不用看

Javascript的基本介绍

JS是用于WEB开发的脚本语言：

脚本语言是什么：

脚本语言不能独立使用，它和HTML/JSP/PHP/ASP.NET配合使用

脚本语言也有自己的变量，函数，控制语句(顺序，分支，循环)

脚本语言实际上是解释性语言(即在执行时直接对源码进行执行)

Java程序.java→.class→jvm , js→浏览器(js引擎来解释执行)

Js在客户端(浏览器)执行

因为js是由浏览器来执行的，因此这里有个问题，不同类型的浏览器可能对js的支持不一样。

function test(){

window.alert("hello world!");

}

New Document

案例1

要求：打开网页后，显示hello 1

window.alert警告("hello!");

New Document

问题：

js的位置可以随意放

js必须使用

在一个html文件中(JSP/PHP/ASP.NET)可以出现多对(script)片段，浏览器会按照先后顺序一次执行

2:Hello world程序改进

如何定义变量：

如何运算：

New Document

//js中变量的定义(js中变量用var表示，无论什么类型)

var num1=1;

var num2=60;

var result=num1+num2;

window.alert("结果是"+result); //alert函数 window.alert表示弹出一个对话框

Js的变量类型是怎样决定的

Js是弱数据类型语言，即：在定义变量时候，统一使用var表示，甚至可以去点var这个关键字

Js中的变量的数据类型是由js引擎决定的

Var name=”shunping”; //name是字符串

Var kk=2 //kk是数字

Name=234; //这事name自动变成数(可以变化)

Js的命名规范(函数/变量)：

使用大小写字母，数字，$可以命名

不能以数字打头

不能使用js保留字和关键字(即java里的关键字)

区分大小写

单行注释：//

多行注释：/*…….*/

韩顺平JS第三讲

Js的数据类型：

基本数据类型

数值类型(number)

字符串类型(string)

布尔类型

通过typeof可以看到变量的具体数据类型

举例：

New Document

var vi="abc";

var v2=890;

window.alert("v1是"+typeof v1);

window.alert("v2是"+typeof v2);

vi=456; //体现js是动态语言：即数据类型可以任意变化

window.alert("v1是"+typeof v1);