js——行为(动态)
js的引入方式:
1,内部引入:
2,外部引入——在外部js文件中写入,再引用
js的输入输出语句
1,输入语句
2,打印到页面
document.write('<strong>你们真是小天才</strong>')
3,控制台输出语句
变量:
变量的声明
let 变量名 var 变量名——var存在很多缺点几乎快被淘汰
变量的赋值
变量的初始化
let uname = prompt('请输入您的用户名:')——声明的同时赋值
同时定义多个变量
console.log(uname, age)——不推荐容易混淆
变量的命名规范
5、驼峰命名法 userName ——区分两个单词第二个首字母大写
数据类型:
console.log(typeof (uname))——typeof(uname)——uname的类型
基本数据类型
字符串类型
——外为单引号里面需用双引号,外为双引号里面需要为单引号,不然就会只识别第一对单引号或双引号
字符串的拼接用+
模板字符串
document.write('你叫' + uname + ',今年' + age + '岁了')
document.write(`<strong>你叫${uname},今年${age}岁了</strong>`)
布尔类型
显示转换
2, console.log(Number(a) + Number(b))
console.log(parseInt(c))——截取c中整数部分
console.log(parseFloat(c))——截取c中浮动型部分,注意只能截取字符前的数字符后的不能
综合案例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
h2 {
text-align: center;
}
table {
/* 合并相邻边框 */
border-collapse: collapse;
height: 80px;
margin: 0 auto;
text-align: center;
}
th {
padding: 5px 30px;
}
table,
th,
td {
border: 1px solid #000;
}
</style>
</head>
<body>
<h2>订单确认</h2>
<script>
let price = +prompt('请输入单价:')
let num = +prompt('请输入购买数量:')
let address = prompt('请输入收货地址:')
document.write(`
<table>
<thead>
<tr>
<th>
商品名称
</th>
<th>
商品价格
</th>
<th>
商品数量
</th>
<th>
总价
</th>
<th>
收货地址
</th>
</tr>
</thead>
<tr>
<td>小米</td>
<td>${price}</td>
<td>${num}</td>
<td>${price * num}</td>
<td>${address}</td>
</tr>
</table>
`)
</script>
</body>
</html>
运算符
= 赋值运算符
比较运算符
== (隐式转换)只比较数值,将字符串转换为数字类型后进行比较 === 即比较数值,也比较类型
逻辑运算符
alert(4 > 3 && 3 < 5) //两真为真,一假则假
alert(4 < 3 || 3 < 5) //一真则真 全假则假
分支语句
单分支语句
双分支语句
if (year % 4 === 0 && year % 100 !== 0 || year % 400 === 0) {
多分支语言
三元运算符
等价于===》age <= 18 ? alert('你不要乱跑') : alert('恭喜你,成年了')
a > b ? alert(`最大值是:${a}`) : alert(`最大值是:${b}`)
数字补零
a >= 10 ? alert(a) : alert(0 + a)
let num = +prompt('请输入今天星期几了:')
while循环
for循环
for (let i = 1; i <= 10; i++) {
循环嵌套
for (let i = 1; i < 10; i++) {
for (let j = 1; j <= i; j++) {
document.write(`<span>${j}*${i}=${i * j}</span>`);
continue,break的区别
for (let i = 1; i < 100; i++) {
for (let i = 1; i < 100; i++) {
循环加强
数组
let arr = ['xin', 'hua', 'jialuo', 'zha', 12, true]
数组的声明方式:
原 let arr = ['xin', 'hua', 'jialuo', 'zha', 12, true]
alert(arr instanceof Array)——判断arr是否为数组
合并—— concat合并数组
增加
删除
console.log(arr.join(' **'))——以什么方式连接
console.log(arr.reverse())——颠倒数组元素顺序
console.log(arr.slice(3))——截取元素
二维数组
let student = [['jiangjia', 31, 'sing'], ['xuchao', 21, 'dance']]