文章目录
目录
前言
知识点包括：JavaScript概述、代码编写规范、JavaScript可使用的三种脚本形式、标识符命名规范、关键字、数据类型、全局变量、局部变量、注释、赋值运算符:、算术运算符:、比较运算符、逻辑运算符。
走过路过的小伙伴们点个赞和关注再走吧，欢迎评论区交流，一起努力一起成长！
笔芯
6.1JavaScript概述及使用
JavaScript概述
JavaScript是一种可以直接嵌入HTML页面之中的、通用的、跨平台的、基于对象和事件驱动并具有安全性的客户端脚本语言，其特点如下:解释性、嵌套在HTML中、弱数据类型、跨平台、基于对象、基于事件驱动
代码编写规范:
浏览器解析JavaScript脚本时，会忽略标识符与运算符之间多余的空白字符
每条语句单独占一行，并以英文分号；结束
代码要有缩进，以增加代码层次感
JavaScript可使用的三种脚本形式
行内JavaScript脚本
在HTML中嵌入JavaScript脚本，例如:鼠标事件和超链接等。
内部JavaScript脚本
将这些JavaScript脚本提取出来统一放在<script></script>标签中<script>标签位于<head>或<body>标签内
外部JavaScript脚本
将JavaScript脚本以单独文件进行存放，实现JavaScript脚本与HTML代码彻底进行分离在HTML页面中通过<script>标签将JS文件进行引入。
例子：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Javascript三个脚本</title>
<script type="text/javascript">alert('head中的Javascript这是内部JavaScript脚本')</script>
</head>
<body>
<h1>校园评选活动</h1>
<img src="../images/sky.jpg" onclick="alert('你选择了一号种子选手')"/>
<img src="../images/sky.jpg" onclick="alert('你选择了二号种子选手')"/>
<img src="../images/sky.jpg" onclick="alert('你选择了三号种子选手')"/>
<a href="javascript:alert('请等待评选结果，谢谢.这是行内JavaScript脚本')">查看评选结果（这是行内JavaScript脚本）</a>
<!--alert()是警示框,和dialog()对话框都属于模拟弹窗，用来提示重要信息-->
<script type="text/javascript">alert('body中的Javascript这是内部JavaScript脚本')</script>
<script type="text/javascript" src="demo01.js"></script>
</body>
</html>
demo01.js
alert('外部JavaScript脚本，导入成功')
6.2JavaScript基本语法
标识符命名规范
标识符是用来命名变量、函数或循环中的标签
标识第一个字母必须是字母、下划线(_)、或美元符号($)
标识符区分字母的大小写，推荐使用小写形式或骆驼命名法标识符由数字、字母、下划线(_)、美元符号($)构成
标识符不能与JavaScript中的关键字相同
关键字
是指JavaScript中预先定义的、有特别意义的标识符。而保留关键字是指一些关键字在JavaScript中暂时未用到，可能会在后期扩展时使用。关键字或保留关键字都不能用作标识符（包括变量名、函数名等）。
数据类型
在JavaScript中，变量的类型可以改变，但某一时刻的类型是确定的。
常见的数据类型如下
String：字符串是由双引号(")或单引号(')括起来的0~n个字符
Boolean：布尔类型包括true和false两个值
Null：表某个变量值为null
Undefined：当声明的变量未初始化时，默认值是undefined
Array：一系列变量或函数的集合，可以存放类型相同的数据，也可以存放类型不同的数据
Number：数值类型可以是32位的整数，也可以是64位的浮点数;而整数可以是十进制、八进制或十六进制等形式
Function：函数是一种特殊的对象数据类型，可以被存储在变量、数组或对象
Object：通过属性和方法定义的对象;常见的对象有String、Date、Math和Array等
运算符、表达式以及语法结构
变量
变量时标识符中的一种。
变量的定义：通过关键字var对变量进行声明。
var变量1 ,变量2，... ;
变量的类型："变量JavaScript中的变量是弱数据类型。在声明变量时不需要指明变量的数据类型，通过关键字var进行声明。
例：
<script type="text/javascript">
var name ,age ;
var type="student" ;
var school=" XX大学";
var x=30;
alert(typeof x);
x= "在变量的使用过程中，变量的类型可以动态改变，类型由所赋值的类型来确定。通过typeof运算符或typeof()函数来获得变量的当前数据类型。";
alert(typeof(x));
</script>全局变量
变量的作用域：是指变量的有效范围，根据作用域变量可分为全局变量和局部变量。
<script type="text/javascript">
var name="全局变量"
//函数的定义
function test (){
name=name+"是";
add="定义在函数之外的变量或者未定义直接使用的变量";
}
//函数的调用
test ();
alert("名称:"+name+"指"+add);
alert(tel) ;//此处会报错
</script>局部变量
局部变量是指在函数内部声明变量，仅对当前函数体有效。
<script type="text/javascript">
var name="此处为全局变量的信息";//定义全局变量
//函数的定义
function test(){
var name="此处为局部变量的信息";//定义局部变量
alert (name) ;//弹出信息:“此处为局部变量的信息”
}
//调用函数
test() ;
alert (name);
//弹出信息:“此处为全局变量的信息”
</script>注释
单行注释：双斜杠“//”
var age=18 ; //定义学生的年龄
//定义学生的专业
var major="计算机专业";
多行注释：使用“/*..*/”进行标识。
6.3运算符
赋值运算符:
用于对变量进行赋值，在JavaScript中使用等号(=）进行赋值。
<script type="text/javascript">
//定义变量时进行赋值
var goodName="王一一";
//定义变量后，进行赋值
var aaa;aaa="我想哈哈哈";
//多变量同时定义，并赋值
var math=chinese=englidh=88;
//将表达式的值赋给变量
var shuxue=math*0.8;
</script>还有以下加强型赋值运算符
算术运算符:
算术运算符用于执行基本的数学运算
加(+)、减(-)、乘(*)、除(/)、取余(%)、自加（++)和自减(--)等
自加（++）与自减(--）为单目运算符
运算符出现在操作数的左侧和右侧都可。比如：a++是先取a的值，然后对变量a加1，也就是在原基础上加一。--a则表示先对变量a减1后，再取a的值，也就是在原基础上减一。
比较运算符
比较的结果是布尔类型
==与= = =的区别在于:
==支持自动类型转换，只要前后两个变量的值相同就返回true，而忽略数据类型的比较= = =需要两个变量的值相同并且数据类型一致时才返回true
>
大于，左侧的值大于右侧的值时，则返回true;否则返回false
>=
大于等于，左侧的值大于等于右侧的值时，则返回true;否则返回false
<
小于，左侧的值小于右侧的值时，则返回true;否则返回false
<=
小于等于，左侧的值小于等于右侧的值时，则返回true:否则返回false
!=
不等于，左侧与右侧的值不相等时，则返回true;否则返回false
==
等于，左侧与右侧的值相等时，则返回true，否则返回false
!==
严格不等于，左侧与右侧的值不相等或数据类型不同时，返回true;否则返回false
===
严格等于，左侧与右侧的值相等，并且数据类型相同时，返回true:
逻辑运算符
对布尔类型的变量(或常量)进行的操作
.与(&&):两个操作数同时为true时，结果为true;否则为false或)∶两个操作数中同时为false，结果为false;否则为true
非(! )∶只有一个操作数，操作数为true，结果为false;否则结果为true
三元运算符”?:”
问号冒号
expression ? value1 : value2;
<script type="text/javascript">
document.write(11>'11'?"数字11大于字符'11'":"数字11不大于字符'11'");
//document.write()是向页面流中输出指定的文本信息
</script>
2511
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
