js是什么
js是运行在客户端(浏览器)上的一个编程语言,实现人机交互效果(前面所学的html+css是标记语言)
作用
1.网页特效
2.表单验证
3.数据交互
4.服务端编程(node.js)
js组成
js书写位置
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!-- 内部js -->
<script>
alert('hello,js')
</script>
<!-- 外部js -->
<script src="js/my.js">
// 外部js里边不能写内容
</script>
<!-- 内联js写在标签内部,此处了解即可后边vue框架会使用该模式 -->
<button onclick="alert('hello,js')">按钮</button>
</body>
</html>
js输入输出语法
<script>
// 文档输出内容
document.write('hello,js')
document.write('<h1>hello.js</h1>')
// 控制台打印输出内容 给程序员
console.log('hello,js')
// 页面弹出警告对话框
alert('hello,js')
// 输入语句
prompt('请输入班级:')
数据类型
打印输出时通过typeof检测数据类型
基本数据类型
number数值型
string字符串
Boolean布尔型
undefined未定义(如果监测变量是undefined就说明没有值传递过来)
null空类型,定义了但为空(如果一个变量里面确定存放的是对象object,如果还没有准备好对象,可以放个null)
引用数据类型
object对象
function函数
array数组
模板字符串${}
使用场景:在没有使用之前,药品街边量比较麻烦
document.write('我叫'+name+',今年'+age+'岁')
使用拼接字符串的语法:
1.``反引号
2.内容拼接变量时,${}包住变量
document.write(`我叫${name},今年${age}岁`
隐式转换
加号两边只要有一个是字符串,都会把另一个转换为字符串类型
除了加号意外的算术运算符,都会把数据转换成数字类型
加号作为正号解析时可以转换成数字型
任何数据和字符串相加结果都是字符串
显式转换(应用场景对盒子进行加减操作)
Number
parseInt
parseFloat