《传智播客 韩顺平 轻松搞定网页设计(html+css+javascript) 之javascript》由会员分享，可在线阅读，更多相关《传智播客 韩顺平 轻松搞定网页设计(html+css+javascript) 之javascript（53页珍藏版）》请在金锄头文库上搜索。
1、Javascript的基本介绍 JS是用于WEB开发的脚本语言： 脚本语言是什么： 脚本语言不能独立使用，它和HTML/JSP/PHP/ASP.NET配合使用 脚本语言也有自己的变量，函数，控制语句（顺序，分支，循环） 脚本语言实际上是解释性语言（即在执行时直接对源码进行执行） Java程序.java.classjvm , js浏览器（js引擎来解释执行） Js在客户端（浏览器）执行 因为js是由浏览器来执行的，因此这里有个问题，不同类型的浏览器可能对js的支持不一样。 function test()window.alert(hello world!); New Document 案例：1需求
2、：打开网页后，显示hello ！ 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.
3、alert表示弹出一个对话框 Js的变量类型是怎样决定的1) Js是弱数据类型语言，即：在定义变量侍候，统一使用var表示，甚至可以去点var这个关键字2) Js中的变量的数据是由js引擎决定的Var name=”shunping”; /name是字符串Var kk=2 /kk是数字Name=234; /这事name自动变成数 Js的命名规范（函数/变量）：1) 使用大小写字母，数字，$可以命名2) 不能以数字打头3) 不能使用js保留字和关键字（即java里的关键字）4) 区分大小写5) 单行注释：/6) 多行注释：/*.*/韩顺平JS第三讲 Js的数据类型： 基本数据类型 数值类型 字符串
4、类型 布尔类型通过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); /体现js是动态语言 复合数据类型 数组 对象 特殊数据类型 Null 即：var=null Undefined 即：如下代码window.alert(tt ); /直接报错：未定义var tt; /未给值 Js定义变量，初始
5、化，赋值 定义变量： 即var=a 初始化： 即在定义变量时就给值 赋值： 即：比如你先定义一个变量 var=tt ，然后再给值：tt=780； js数据类型转换： 自动转换例子：var=123; /a是数值 a=”hello” /a的类型是string 强制转换例子：字符串转换成数字Var a=123” ; a=parseInt(a); /使用系统数强制转换Var b=90 ; /b是numberb=b+”, /b就是string 运算符 + * / % %(取摸：即两个数相除的余数) 强调：取模主要用于整数之间取模例子：编写一个程序，判断两个数是否能够整除 var a=90;var b=8
6、;if(a%b=0)window.alert(能整除);elsewindow.alert(不能整除); +， 运算符a+ = a=a+1 a- = b=b-1 +a 表示先把自己加1再赋值 -a 表示先把自己减1再赋值例子：Var a=56;Var b=+a; /b=+a等同于a=a+1;b=a b=a+等同于b=a; a=a+1; Window.alert(b);Window.alert(a); -运算符 Var a=56; Var b=-a; /b=-a等同于a=a-1;b=a b=a-等同于b=a; a=a-1; Window.alert(b); Window.alert(a);例子：编
7、写一个程序，判断两个数是否能够整除 var a=90;var b=8;if(a%b=0)window.alert(能整除);elsewindow.alert(不能整除); +， 运算符a+ = a=a+1 a- = b=b-1 +a 表示先把自己加1再赋值 -a 表示先把自己减1再赋值例子：Var a=56;Var b=+a; /b=+a等同于a=a+1;b=a b=a+等同于b=a; a=a+1; Window.alert(b);Window.alert(a); -运算符 Var a=56; Var b=-a; /b=-a等同于a=a-1;b=a b=a-等同于b=a; a=a-1; Win
8、dow.alert(b); Window.alert(a);错误案例：更正：输出： lmyfuns.js代码：调用myfuns.jsl案例一：Js文件：调用：案例2：Js文件：调用：abc（5）；输出：3 3 4lJs文件：调用： 数组数组在内存中的存在形式：内存数据调用案例：输出：900内存数据分析:l输出：35 90 900内存数据调用分析：l输出： hello world abc 顺平输出： h e l l o w o r l d a b c 顺 平输出： hello world 输出：0=451=902=0gg=9000 二维数组的遍历： 输出：shunping 123 4.5a b
9、c 优化排序： 输出：l 输出：找到 下标为4 数组转置：输出：JavaScript面向（基于）对象编程u 澄清概念 js中 基于对象=js 面向对象 js中没有类class，但是它取了一个新的名字叫原型对象。（因此类等同于原型对象。） u js面向对象特征介绍 Javascript是一种基于对象（object-based）的语言，你遇到的所有东西机会都是对象特别说明：基于对象也好，面向对象也好，实际上都是以对象的概念来编写程序。从本质上并无区别，所以这两个概念在课程中是一样的。因为javascript中没有class(类)，所以有人把类也称为原型对象。因为这两个概念在编程中发挥的作用看都市一个意思总结：JS中基于对象=JS面向对象 JS中没有类的概念，按标准的说法原型对象。其实就是类javascript是一种面向（基于）对象的动态脚本语言，是一种基于对象（Object）和事件驱动(EventDriven)并具有安全性能的脚本语言。 u 一个简单的案例： 问题提出：张老太养了两只猫猫：一只名字叫小白，今年3岁，白色。还有一只叫小花，今年10岁，花色。请编写一个程序，当用户输入小猫的名字时，就显示该猫的名字，年龄，颜色。当用户输入小猫名
