markDown
JavaScript是一种轻量级标记语言,与html类似,支持以简单文本进行内容书写,然后使用编辑工具转换为html标签格式
通过相应的标记进行相应文档标识,可以使用文字与符号的组合完成文档样式的书写定义
https://www.jianshu.com/p/191d1e21f7ed/
javaScript概述
HTML语言是一种标记语言,用于定义页面内容和表现形式,不具备逻辑性,不能与用户进行交互,javascript简称JS就是用来在页面进行书写逻辑性语句,使页面具有简单逻辑性并与用户进行交互的语言
javascript的组成
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Z36xJ5Ds-1601108897361)(\img\image-20200824092710006.png)]
大致分为两部分
- 基本语法:就是js书写的基本语句
- 内置对象:在打开浏览器标签输入网址后,针对当前网址创建的对象(浏览器自动创建,可以直接使用)
内置对象继续进行划分
- BOM对象((Browser Object Model)):浏览器对象
- DOM对象(Document Object Model):文档对象
javascript基本语法
js与html一样都是解释性执行语言,浏览器直接获取执行源代码进行解析(按行获取解析),没有java的预编译,所以对于错误的提示与检测没有java那样严格,但是尽量规范语法
书写位置
js代码块可以书写在html中任意位置一般书写在head或body下,但是根据相应的使用情况进行书写,否则可能造成脚本执行的错误
js语句块
<script type="text/javascript"> </script>
hello world示例
<script type="text/javascript">
document.write("hello world!");
</script>
js语法也要求每句代码以;结尾但是不强制要求
javascript变量
js变量语法:
声明:使用关键字var进行声明
var 变量名;
赋值:为声明好的变量进行赋值
变量名=值;
通常变量的声明赋值一同进行
var count=1;
javaScript是一种弱类型语言,进行变量声明时同一使用var,声明的变量类型会自动根据存入的值进行改变
javaScript数据类型
Number类型:分为整型和实型
例如: 15 2.9 4E5
String类型
例如 “abc” “jack ” ‘单引号双引号相同’
Null类型
只有一个值,即null。Null是一个位符,表示一个变量已经有值,但值为空
Boolean类型
布尔类型只取两个值true或false
Undefined
变量没有定义
typeof操作符
由于javascript是一种泛数据类型的语言,需要有一种方法来检测指定变量的数据类型,返回如下字符串:
“undefined”——如果这个值未定义
“boolean”——如果这个值是布尔值
“string”——字符串值
“number”——数值
“object”——对象或null
“function”——函数
<script type="text/javascript">
// 使用typeof检测变量类型
document.write(typeof "hello") //string
document.write("<br>")
document.write(typeof false) //boolean
document.write("<br>")
document.write(typeof 13515) //number
document.write("<br>")
document.write(typeof document) //object
document.write("<br>")
document.write(typeof a) //undefined
</script>
javaScript运算符
类型 | 运算符 |
---|---|
算术运算符 | + - * / % ++ – |
赋值运算符 | = += -= *= /= |
比较运算符 | > < >= <= == != |
逻辑运算符 | && || ! |
与java中使用方式相似(大部分一致)
javaScript流程控制语句
**顺序流程控制语句:**js执行顺序与加载顺相同:从上至下,从左至右逐条执行
**选择(分支)流程控制语句:**根据条件表达式进行执行语句的选择
语法1:
if(布尔表达式){语句块1}else{语句块2}
根据布尔表达式返回的值,为true执行代码块1,false执行代码块2
//选择流程控制语句if else
if (true) {
document.write("true")
} else {
document.write("false")
}
语法2:
//选择流程控制语句switch case
switch(变量){case 值1:代码块1;break; case 值2:代码块2;break; ....;default:默认代码块;}
根据case后的值与变量实际值进行匹配,匹配成功执行相应代码块,break结束当前分支语句,default当没有匹配代码时执行
//选择流程控制语句switch case
var value = 3;
switch (value) {
case 1:
document.write(1);
break;
case 10:
document.write(10);
break;
default:
document.write("默认");
}
**循环流程控制语句:**重复执行一段相同的代码块
语法1:
while(循环条件){循环体}
当循环条件满足时执行循环体,在循环体代码执行中需要对循环条件的判断进行修改,否则会造成死循环
//循环流程控制语句while
var i = 1; //初始化变量
while (i) { //循环条件
document.write(i + "<br>"); //循环代码块
i++; //迭代语句
}
语法2:
do{循环体}while(循环条件)
先进行循环体的执行之后进行循环条件判断
//循环流程控制语句 do ..while
do {
document.write(i + "<br>"); //循环代码块
i++; //迭代语句
} while (i <= 20);
语法3:
for(初始化变量;循环条件;迭代语句){循环体}
根据初始化变量 循环条件 迭代语句进行有限次数的循环
//循环流程控制语句 for
for (var j = 1; j <= 10; j++) {
document.write(j + "<br>"); //循环代码块
}
流程跳转语句
break:结束当前循环代码块
continue:结束本次循环进入下次循环
注释
javascript中常使用两种注释
单行注释:以//进行注释 注释//后本行所有文本
多行注释:以/*开始
以*/
结束 注释多行包裹内容
对话框
对话框的分类
1、警告对话框alert
用于进行指定信息的提示,拥有提示信息与确认按钮
alert("警告信息")
2、提示对话框prompt
带有输入框的提示框,拥有提示信息、输入框、确认按钮、取消按钮,执行结束后会根据提示框输入的内容返回数据(字符串)
var color=prompt("提示信息", "输入框默认内容");
3、确认对话框confirm
与提示对话框相似,拥有提示信息、确认按钮、取消按钮,但返回的是根据选择确认 取消的boolean
var a = confirm("你是不是一个帅哥?");