文章目录
前言
知识点包括: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>
版权归原作者 ice三分颜色 所有, 如有侵权,请联系我们删除。