一、简介
1、概述:
JavaScript是目前web开发中不可缺少的脚本语言,js不需要编译即可运行,运行在客户端,需要通过浏览器来解析执行JavaScript代码。
诞生于1995年,当时的主要目的是验证表单的数据是否合法。
JavaScript本来应该叫Livescript,但是在发布前夕,想搭上当时超热的java顺风车,临时把名字改为了JavaScript。(也就是说js跟java没有关系,当时只是想借助java的名气)。
js组成部分:
(1)核心(ECMAScript):这一部分主要是js的基本语法。
(2)BOM:Brower Object Model(浏览器对象模型),主要是获取浏览器信息或操作浏览器的,例如:浏览器的前进与后退、浏览器弹出提示框、浏览器地址栏输入网址跳转等操作等。
(3)DOM:Document Object Model(文档对象模型),此处的文档暂且理解为html,html加载到浏览器的内存中,可以使用js的DOM技术对内存中的html节点进行修改,用户从浏览器看到的是js动态修改后的页面。(增删改查)
2、特点:
交互性(它可以做的就是信息的动态交互)
安全性(不允许直接访问本地硬盘)
跨平台性(只要是可以解析js的浏览器都可以执行,和平台无关)
3、和Java区别:
4、作用
avaScript 被用来改进设计、验证表单、检测浏览器、创建cookies,等等。JavaScript 是因特网上最流行的脚本语言,并且可在所有主要的浏览器中运行,比如: Internet Explorer、 Maxthon、Mozilla、Firefox、Netscape、Chrome和 Opera等。
在目前学习阶段只要记住最常用的二个:(1)运态修改html及css代码 (2)验证表单
5、书写位置
5.1、内嵌式:
理论上js可以书写在页面的任意位置。
5.2、外链式:
首先新建一个文件类型为.js的文件,然后在该文件中写js语句,通过script标签对引入到html页面中。
5.3、行内式:
直接书写在标签身上,是一个简写的事件,所以又称之为事件属性。 onclick单击事件
6、注释:
注意:多行注释相互不能嵌套使用,只能在多行注释里面使用单行注释!
7、数据类型:
Js中的数据类型:
数值型:number(凡是数字都是数值型,不区分整数和小数)
字符串:string(凡是引号包裹起来的内容全部都是字符串)
布尔:boolean(true、false)
对象类型:object(特殊取值null)
未定义型:undefined
对比java中的数据类型:
整数:byte short int long
小数:float double
字符:char
布尔:boolean
字符串:String
8.1变量:
量:在计算机中用来存储和表示数据 x = 10; //x存储的就是10 后期可以用x来表示10
常量:在程序运行过程中,其值不会发生变化 PI = 3.1415926
变量:在程序运行过程中,其值会发生变化
8.2、变量命名规范:
1. 只能由字母、数字、_(下划线)、$(美元符号)组成。
2. 不能以数字开头。
3. 命名中不能出现-(js会理解成减号进行减法的操作),不能和关键字冲突
8.3、在js中如何定义变量:
第一种: var x = 100;// 声明了一个变量,同时将10赋值给x变量(用的最多的)
第二种:var x; //先声明
x = 100;// 再赋值
其他写法:
var x,y;//声明了两个变量,一个x,一个y
x = 10;
y = 20;
var x = 10,y;//声明了两个变量,一个x,一个y
y = 20;
9.js的输出语法
10.js的输出类型:
数据类型:
基本数据类型:
Number类型:数字类型
+ 整数 10 20
+ 小数 10.1 20.1
+ 科学计数法 10e5
+ 二进制 0b01010011010
+ 八进制 01717 (只认识0-7)
+ 十进制 19
+ 十六进制 0xabc123 (认识0-9和a-f)
+ NaN (不是一个数字的数字类型)
String类型:字符串类型
+ 用单引号或者双引号包裹起来的
+ "哈哈哈"
+ "1234"
+ '1234'
+ ''
Booelan类型:布尔类型
+只有两个值
+true(真)
+false(假)
Undefined类型:未定义类型(声明了变量,没有赋值 var x;)
+ 结果就是 undefined
+ 只声明,没有给赋值
+ var x;
+ console.log(x);//undefined
Null类型:空类型
+ 结果就是null
var x = null;
11.运算符:
赋值运算符:
1. = : 赋值运算符 x = 10;将10赋值给x
2. +=: x+=3; 等价于x=x+3; 将左边的x和右边的3求和,重新赋值给x
3. -=: x-=3; 等价于x=x-3; 将左边的x和右边的3求差,重新赋值给x
3. *=: x*=3; 等价于x=x*3; 将左边的x和右边的3求乘积,重新赋值给x
3. /=: x/=3; 等价于x=x/3; 将左边的x和右边的3求商,重新赋值给x
3. %=: x%=3; 等价于x=x%3; 将左边的x和右边的3求余数,重新赋值给x