韩顺平javascript笔记(全套)解析
韩顺平2011javascript笔记(全)
JavaScript
1.javascript基本介绍:
(1)javascript是实现网页动态效果的基石,在web的开发中扮演重要的角色,被广泛的
应用到各个领域:
○1网页游戏
○2地图搜索
○3股市信息查询
○4web聊天
····
(2)在web开发中,js是必不可少的技术,同时js也是ajax/jquery/extjs等框架的基础。
(3)javascript是一种广泛用于客户端WEB开发的脚本语言,常用来给HTML网页添加动
态的功能,比如响应用户的各种操作。
2.脚本语言:
(1)脚本语言往往不能独立使用(单独使用没有什么意义),它一般与html/asp/jsp/php
(2)脚本语言有自己的变量,函数,控制语句。
(3)脚本语言是一种解释性语言。
3.JS一般在客户端的浏览器执行。但也可以对服务器进行编程(非常少)
4.JavaScript简介
JavaScript是一种解释型的语言。Javascript并不是java的一种java脚本语言,除了名字都带有java这个此外,两者并没有任何关系。
Javascript的第一个版本出现在Netscape Navigator2浏览器中。人们最初给javascript 起的名字是LiveScript。然而由于,当时java技术的正是如日中天,netscape公司给livescript改名为javascript,以便是人们更加注意javascript。随着javascript的发展,微软公司决定在IE浏览器中加入微软的品牌的javascript,即Jscript。脚本语言不仅只有javascript的一种,还有其他的脚本语言,如VBscript和perl语言
(1)标签中添加javascript代码,在
之间的代码块,不是用于显示html元素,而是需要浏览器进行处理的脚本代
码,在标记之间包围的代码块,称为脚本块。
?如果没有使用包含起来的话,则浏览器则会视为普通文本
6.案例2:
对前面的程序,改成一个简单加法运算程序
◆js的变量的类型是怎样决定?
(1)js的数据类型是弱数据类型语言。即在定义变量的时候,统一使用var表示,
甚至可以去掉var关键字
(2)js中的数据类型是有js引擎来决定的。数据类型可以变化的。
var name=”shopping”; //js引擎知道name是字符串
name=22; //这时name自动变成了数
varkk=2; //kk是整数
vary y; //y是undefined类型
7.javascript中的标识符
标识符指的是javascript中定义的符号,例如,变量名,函数名,数组名等。标识符可以有任意顺序的大小小字母、数字,下划线和美元符号($)组成,但是标识符不能以数字开头,不能是javascript的保留关键字。
8.javascript是严格区分大小写的。javascript中每条语句用分号“;”结束。
9.注释:单行注释// 多行注释/* */
10.javascript的基本语法---数据类型:
基本数据类型:
通过typeof关键字,可以看到数据的类型
(1)Number(数值类型)
?整型常量(10进制\8进制\16进制)
16进制以0x或者是0X开头,例如:0x83;
8进制必须以0开头:
?实型常量
12.32 193.98 5E7等
?特殊数值:NaN(not is a number)、Infinity、isNaN()、isFinite()
(2)Boolean(布尔类型)
true和false
(3)String 字符串
“this is a book”
复合数据类型:
特殊数据类型:
(1)undefine的例子:
var a;
window.alert("a的数据类型"+typeof a);
(2)null的例子:
var a=null;
window.alert("a的数据类型"+typeof a);
11.javascript的基本语法---定义变量、初始化、赋值:
(1)定义变量:var a;
(2)初始化变量:
在定义变量的时候,就赋值:var a=45;
(3)给变量赋值:
先定义变量:varnum;
再赋值:num=33
12.javascript的基本语法---数据类型转换:
(1)自动转换:javascript的数据类型是动态的
请看一个案例:
// num先定义成Number数据类型
varnum=22;
num="hello word";
window.alert("num的数据类型"+typeofnum);
(2)强制转换:
请看案例:如何将字符串转换成数字
// num先定义成String数据类型
var s="123";
varnum=parseInt(s);
window.alert(typeofnum);
13.javascript中的运算符和java中的一样的,但是有几个注意点:
(1)案例一:b先转成9,在比较
var a=9;
var b=’9’
if(a==b){
window.alert(“ok”);
}else{
window.alert(“faile”);
}
(2)在逻辑运算中,0、“”、false、null、undefined、NaN均表示false
var a=0;
if(a){
window.alert(“ok”);
}else{
window.alert(“faile”);
}
14.函数:为完成某一个功能的代码的集合。
函数定义:
函数名位于关键字function之后,为了让代码易于理解,函数名应具有一定的意义。
注意点:函数没有返回值类型。形参数不写具体的类型。
15.eval()可以将一个字符串当成一个脚本运行
例如:
varstr=”window.alert(“ok”)”;
eval(str);
16.escape()可以将中文或日文转为ascii码:unescape()反之。一般这个函数相互配合,防止
在浏览器中出现乱码:
varstr=”江西”;
var str2=escape(str);
//转回来
var str3=unescape(str2);
17.数组:
(1)为什么需要数组?将一组数据放在一起,组成集合。它由一对方括号[]包围,数组的
每个元素用逗号分隔,数组元素可以是任意类型的数据
(2)创建数组:var数组名=[元素值,元素值,```]
例如:var a=[“shopping”,123,1.1,4.5,true]
(3)二维数组:var a=[[1,2,3],[“hello”,”world”,”jiangxi”]]
=============================================================================== =============================================================================== ===============================================================================
Js面向(基于)对象编程
一、⊙澄清概念
js中基于对象== js面向对象
js中没有类class,但是它取了一个新的名字叫原型对象,因此,类==原型对象
二、⊙为什么需要对象
问题提出:
/*
张老太养了两只猫:一只名字叫小白,今年3岁,白色,还有一只叫小花,今年10岁,花色。请编写一个程序,当用户输入小猫的名字时,就显示该猫的名字,年龄,颜色。如果用户输入小猫的名字错误时,则显示张老太没有这只猫猫。
*/
//传统方法比较麻烦
cat1_name="小白";
var cat1_age=3;
var cat1_color="白色";
//解决办法,把猫的属性集中,创建一种新的数据类(原型对象/类) //用面向对象的方法来解决上面的问题
//这里就是一个类cat类
function cat(){
}
//如果这样用
//cat()//函数
var cat1 = new cat()//类
//这时cat1就是一个对象(实例)
https://www.360docs.net/doc/a116091572.html,="小白";
cat1.age=3;
cat1.color="白色";
//从上面的代码我们可以看出
//1.js中的对象的属性可以动态添加
//2.属性没有限制
window.alert(https://www.360docs.net/doc/a116091572.html,+cat1.age+cat1.color+cat.hobby);
三、⊙类(原型对象)和对象的区别和联系
(1)类是抽象的,概念,代表类事物
(2)对象是具体的,体表一个实体
(3)对象是以类(原型对象)为模板创建起来的实体
四、⊙创建对象的方式有五种
(1)工厂方法—使用new Object创建对象并添加相关属性.
(2)使用构造函数来定义类(原型对象).
(3)使用prototype
(4)构造函数及原型混合方式.
(5)动态原型方式.
目前我们先讲使用构造函数来定义类(原型对象),然后再创建对象实例. 基本语法:
function 类名/原型对象(){
}
创建对象:
var 对象名= new 类名()
现在对对象特别说明:
1. js 中一切都是对象
function Person(){}
window.alert(Person.constructor);
var a = new Person();
window.alert(a.constructor);//a 对象实例的构造函数window.alert(typeof a);//a 的类型是什么
var b=123;
window.alert(b.constructor);
window.alert(typeof b);
var c="123";
window.alert(c.constructor);
window.alert(typeof c);
//思考:如何判断一个对象实例是不是Person类型?
if(a instanceof Person){
window.alert("a 是 Person1");
}
if(a.constructor==Person){
window.alert("a 是 Person2");
韩顺平html笔记
HTML 一、HTML有关知识点 1.html介绍 html是一种标记语言,主要的用途是开发网页,使用html可以展现文字、图片、视频、声音,html是我们web开发(网站开发)。 2.html可以做什么 ?html可以编写静态网页 ?该静态网页可以包括文字、图像、动画、声音、表格、链接。从而构成一个个漂亮的网页 3.Html发展历史 4.Html的基本结构 5.是标记(也叫元素),标记的一般格式: <元素名[属性=“属性值”]>元素内容标签> 如果没有内容可以用:<元素名[属性=“属性值”]/> 6.Html实体标记 7.Html常用标记
?html超链接 ●_blank 新的窗口 ●_self 本窗口 ●_parent 父窗口 ●_top整个浏览器窗口 ?html图像元素 ?html表格
--用于说一小格 |