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 Documentvar vi="abc";
var v2=890;
window.alert("v1是"+typeof v1);
window.alert("v2是"+typeof v2);
vi=456; //体现js是动态语言:即数据类型可以任意变化
window.alert("v1是"+typeof v1);