什么是JavaScript
JavaScript是一种解释型脚本语言,能够在客户端的网页中增加动态效果和交互能力,实现了用户与网页之间的一种实时的、动态的交互关系。javaScript的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。
Netscape在最初将其脚本语言起名为LiveScript,后来Netscape在与Sun合作之后将其改名为JavaScript。JavaScript最初受Java启发而开始设计的,目的之一就是“看上去像Java”,因此语法上有类似之处,一些名称和命名规范也借自Java。JavaScript与Java名称上的近似,是当时Netscape为了营销考虑与Sun微系统达成协议的结果。
后来,JavaScript被Netscape公司交给ECMA制定标准,成为ECMAScript,最新版ECMAScript6(简称ES6)已经在2015年6月正式发布了。
JavaScript特点
1.是一种解释性脚本语言(代码不进行预编译);
2.主要用来向HTML(标准通用标记语言下的一个应用)页面添加交互行为;
3.可以直接嵌入HTML页面,但写成单独的js文件有利于结构和行为的分离;
4.跨平台特性,在绝大多数浏览器的支持下,可以在多种平台下运行(如Windows、Linux、Mac、Android、iOS等);
JavaScript日常用途
嵌入动态文本于HTML页面;
对浏览器事件做出响应;
读写HTML元素 ;
在数据被提交到服务器之前验证数据;
检测访客的浏览器信息;
控制,包括创建和修改等;
基于Node.js技术进行服务器端编程;
JS组成
JS组成:ECMAScript(JS的核心)、DOM(文档对象模型)、BOM(浏览器对象模型)
- ECMAScript:主要定义了JS的语法;
- DOM:一套操作页面元素的API,DOM可以把HTML看做是文档树,通过DOM提供的API可以对树上的节点进行操作;
- BOM:一套操作浏览器功能的API,通过BOM可以操作浏览器窗口;
JavaScript书写位置
1.使用<script>标签
<script>…</script>可以包含在文档中的任何地方,只要保证这些代码在被使用前已读取并加载到内存即可
2.外部JS文件
<script src='example.js'> </script>
3.直接在HTML标签中
<input name="example" type='button' onclick="javascript:alert('你好');"/>
JavaScript核心语法:
1. 变量
- 先声明变量再赋值
var name;
name = '张三';
var - 用于声明变量的关键字
name - 变量名
- 同时声明和赋值变量
var name2= "皮皮";
var num = 10;
- 不声明直接赋值【一般不使用】
name='张三';
变量的命名规则和规范
由字母、数字、下划线、$符号组成,不能以数字开头
不能是关键字和保留字,例如:for、while。
区分大小写
变量名必须有意义
遵守驼峰命名法。首字母小写,后面单词的首字母需要大写。例如:userName、userPassword
2. 数据类型
- undefined:示例:var width;
变量width没有初始值,将被赋予值undefined
null:表示一个空值,与undefined值相等
number:
var iNum=23; //整数
var iNum=23.0; //浮点数
Boolean:true和false 但是JS会把他们解析成1;0
String:一组被引号(单引号或双引号)括起来的文本 var string1="This is a string";
3. typeof运算符
typeof检测变量的返回值;typeof运算符返回值如下:
undefined:变量被声明后,但未被赋值.
string:用单引号或双引号来声明的字符串。
boolean:true或false。
number:整数或浮点数。
object:javascript中的对象、数组和null。
4. String对象
- 属性:
字符串对象.length
var str="this is JavaScript";
var strLength=str.length; //长度是18
- 方法:
字符串对象.方法名();
split(str):如果语法写成width.split(" ")【冒号中间有空格】此时:width height hello world会被拆分成:width,height,hello,world;如果语法写成width.split("")【冒号中间没有空格】此时:width height hello world会被拆分成:w,i,d,t,h, ,h,e,i,g,h,t, ,h,e,l,l,o, ,w,o,r,l,d
5. 数组
- 使用new关键字和Array()来创建数组(也叫构造函数方法)
var arr = new Array();//创建一个空数组
var arr = new Array(“张三”,”男”,24,”未婚”,”本科”,”北京大学”);//创建一个数组,并初始化数组的元素。
- 使用[]方式创建一个数组
var arr = [“张三”,”男”,24,”未婚”,”本科”,”北京大学”];
注意点:数组元素的值,可是任何类型。如:字符型、数值型、布尔型、数组型、对象型、函数、对象型。
6.关系运算符
JS中的运算符:要进行各种各样的运算,就要使用不同的运算符号。运算时只能进行同类型运算,如果类型不同,将进行类型转换。
1、算术运算符:+、—、*、/、%、++、——;
2、赋值运算符:=、+=、-=、*=、/=
3、比较运算符:>、<、>=、<=、==、!=、===
7.逻辑运算符
1、"&&"逻辑与(也可以叫并且)。如果左右两个操作符都为true,则结果为true,否则,结果为false。
逻辑与,就是两个条件同时满足时,结果为true。
2、"||"逻辑或。左右两个条件,只要一个满足,就返回true,否则,就返回false。
3、"!"取反运算。
8.逻辑控制语句
-
if条件语句
if(条件){
//javascript代码
}
else{
//javascript代码
}
-
switch多分支语句
switch(表达式){
case'常量1':
javascript语句1;
case'常量2':
javascript语句2;
}
-
for、while循环语句
while(条件){
javascript代码;
}
for(初始化;条件;增量){
javascript代码;
}
9. 注释
- 单行注释以 // 开始,以行末结束:
//alert("恭喜你!注册会员成功");
//在页同上弹出注册会员成功的提示框
//注释
如果在页面里单行注释中回车打一些东西此时就会报错:Uncaught ReferenceError: XXXX is not defined
- 多行注释以 /* 开始,以 / 结束,符号 /…… */ 指示中间的语句是该程序中的注释
/*
JavaScript是一种解释型脚本语言,能够在客户端的网页中增加动态效果和交互能力,实现了用户与网页之间的一种实时的、动态的交互关系
/
感谢你阅读我的文章,动动小手指点点关注哦 (〃'▽'〃) 更多内容正在编辑中~~~(╹▽╹*)