javascript
1.组成
核心语法(ECMAscript,ES)
文档对象模型(Document Object Model,DOM)一套操作页面元素的API
DOM可以把HTML看作是文档树,通过DOM提供的API可以对树上的节点进行操作;
浏览器对象模型(Borowser Object Model,BOM)弹出框,控制浏览器跳转,获取分辨率等一套操作浏览器功能的API
javascript 特点
1 任何编辑工具都可以编辑javascript ,语法类似与java c ...
2 无需编译
3弱类型语言(由值来决定数据类型)
2.基于对象的编程语言
java 面向对象的语言(面向过程:亲力亲为,自己的事情自己做;面向对象:委派多人去帮你做多件事)
JavaScript发展到现在几乎无所不能。
1.网页特效 客户端数据计算 表单验证 非空验证 数据范围验证 浏览器事件的触发和处理
2.服务端开发(Node.js)服务器的异步数据提交(ajax)
3.命令行工具(Node.js)
4.桌面程序(Electron)
5.App(Cordova)
6.控制硬件--物联网(Ruff)
7.游戏开发(cocos2d-js)
javascript 和 HTML、css的区别
HTML 提供网页结构
CSS为网页化妆美化
JavaScript用来控制网页内容,给网页添加动态效果
使用JavaScript
1.JavaScript书写位置
CSS:行内样式,内联样式,外部样式
JavaScript :行内,内联,外联
A:行内样式
<input type="button" value="按钮" οnclick="alert('Hello World')" />
B:内联(写在script标签中)script标签可以在html中任意位置
<body>
<script>
alert("hollo world");
</script>
</body>
C:外联(引用外部js文件的script的标签中不可以写代码)
<script src="js文件地址"></script>
2.语句
被JavaScript引擎解释执行的一句代码
组成:表达式,关键字,运算符
运算符:+,-,*,/,%,>........
表达式:由一个或多个运算符以及一个或多个操作数组成的。如1+2,
特点:以分号表示结束
console.log();
document.write();
window.alert();
习惯,一行只写一条语句
注意:严格区分大小写;
console.log();
console.Log();错误
3注释
单行注释//
多行注释/*...........*/
4 变量
内存:临时性保存计算机程序运行过程中要用到的数据
TB->GB->MB->KB->B->bit
8bit=1b;
1kb=1024b;
硬盘:永久性保存数据 0x000000000000000000a13247aaccxx
4.1什么是变量
就是内存中的一段空间,用于保存程序运行过程中要用到的数据。就是存储数据的容器。
4.2为什么要使用变量
使用变量可以方便地获取修改内存中的数据
4.3 什么是变量名
内存空间的一个别名,为了方便记忆。即变量的名字
4.4如何使用变量 到内存中开辟一段空间用于保存数据
语法:var 声明变量
var age;
变量的赋值
将数据保存进变量
运算符:=赋值运算符
语法:
变量名=值;
var username;
username="张无忌";
初始化:声明变量并赋值
var 变量名称=值;
注意:没有被赋值的变量 自动取值为undefined
var name;
var age;
var hobby;
一条语句中声明多个变量
var name,age,hobby;
var name="张三丰" ,age=30;
4.5变量名命名规范
1.要求
1.1不允许使用关键字及保留关键字命名
标准关键字:eg:var,function,if,for,true,false...
保留关键字:class,int ,float,double...
1.2命名规范
a,可以包含字母数字下划线$
b,不能以数字开头
c,不允许重复
d,尽量见名知意
4.6 变量使用注意问题
1,未初始化变量的使用
只定义未赋值,变量值为undefined
未定义,使用错误 not defined
2,在可能情况下,变量声明时尽量初始化
var age=10;
3,将变量的声明和赋值分开操作
var name;
name="";
4,对变量进行的存取操作
1、设置变量的值(赋值,存)
var name="张三丰"
name = name+""; ==> name+="";
特殊:
var i=10; i++; ++i; ==> i=i+1; 注意:赋值时,=的左边一定是变量2、获取变量的值(取值)
var uname="张无忌"; console.log(uname); var newName = uname; uname : 取值操作(=右边使用) newName : 赋值操作(=左边使用)5、运算符
1、算数运算符 +,-,*,/,% %:取余(模),计算两个数字相除后的余数 5%2 结果为 1 3%5 结果为 32、常用场合:
1、获取数字的最后一位 1234 1234%10=123 ... 4 1234%100 = 12 ... 34 2、判断奇偶性 或 判断 是某数字的倍数 58 % 2 结果是否为 0?+:
1.求和:数字类型的数字求和
2.""与+连用,作用是追加
6数据类型
1.什么是数据类型
保存在内存中的数据的类型,根据不同类型内存开辟出的空间也不一样
2数据类型
1、原始类型(基本类型)
1.number类型
数字:可以表示32位的整数,或64位8字节的浮点数
浮点数:小数
var age;
age = 12;//number
2,string类型
字符串
一系列的文本数据
注意赋值时必须使用""或''扩起
var username="张三丰"
特殊字符,可以通过转义字符实线
3.boolean布尔型
只表示肯定或否定的数据
值:true(真)或false(假)
使用场合:作为程序的条件判断
在于number类型做运算时,true=1,false=0
4.null类型
表示空;
5.undefined类型
未定义
表示不存在的数据
2.引用类型
object对象;