188 lines
4.4 KiB
HTML
188 lines
4.4 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>JS第二课</title>
|
||
</head>
|
||
<body>
|
||
|
||
|
||
<ul>
|
||
|
||
</ul>
|
||
|
||
|
||
<script>
|
||
|
||
// 变量
|
||
// var name = "dddd"
|
||
// name = "dddcsddscds"
|
||
|
||
// 常量 const
|
||
// 场景：
|
||
// const name = "lb"
|
||
// name = 'dddd'
|
||
|
||
// js 条件语句
|
||
// if switch
|
||
|
||
// if (1!=1) {
|
||
// console.log("b")
|
||
// } else {
|
||
// console.log("a")
|
||
// }
|
||
|
||
// if (1==1) console.log("true")
|
||
// else console.log("false")
|
||
|
||
// 三元运算符
|
||
// 1 == 1
|
||
// ?
|
||
// 2==2
|
||
// ? console.log("2等2")
|
||
// : console.log("2！=2")
|
||
// : console.log("false")
|
||
|
||
|
||
// var isHaveTime = true;
|
||
// var monkey = 3000;
|
||
|
||
// if (monkey > 2000 && isHaveTime) {
|
||
// console.log("出去玩")
|
||
|
||
// } else {
|
||
// console.log("不能出去玩")
|
||
// }
|
||
|
||
// if () {
|
||
|
||
// } else if() {
|
||
|
||
// } else if () {
|
||
|
||
// } else {
|
||
|
||
// }
|
||
|
||
// var name = 18
|
||
// switch (name) {
|
||
// case 18:
|
||
|
||
// break;
|
||
// case value:
|
||
|
||
// break;
|
||
|
||
// default:
|
||
// break;
|
||
// }
|
||
|
||
// 填坑 1 数组 array
|
||
// 1
|
||
// var list = new Array();
|
||
// list[0] = new Array();
|
||
|
||
// list[0][1] = "1111";
|
||
// list[1] = "dedfe"
|
||
|
||
// list[3] = "dedsdfcsdcwdfe"
|
||
|
||
// console.log(list);
|
||
|
||
// 2
|
||
// var list = new Array( 1, "age", new Array(4,5,6,7) );
|
||
// console.log(list)
|
||
|
||
// 3
|
||
// var list = [1, "age", [4,5,6,7] ]
|
||
// console.log(list)
|
||
|
||
// json object + array来存储数据的一个格式
|
||
// xml
|
||
|
||
// var NewsList = {
|
||
// status: 200,
|
||
// result: [
|
||
// { title: '1111', desc: '简介', class: 'red' },
|
||
// { title: '1112', desc: '简介', class: 'blue' },
|
||
// { title: '1113', desc: '简介', class: 'green' },
|
||
// { title: '1111', desc: '简介', class: 'red' },
|
||
// { title: '1112', desc: '简介', class: 'blue' },
|
||
// { title: '1113', desc: '简介', class: 'green' }
|
||
// ]
|
||
// };
|
||
|
||
// console.log(NewsList.result)
|
||
|
||
|
||
// for 循环
|
||
|
||
// for (var i =0; i< NewsList.result.length; i++) {
|
||
// // document.querySelector("ul").innerHTML +=
|
||
// // "<li>"+
|
||
// // "<h2 class=" + NewsList.result[i].class + ">"+ NewsList.result[i].title +"</h2>"+
|
||
// // "<span>"+ NewsList.result[i].desc +"</span>"+
|
||
// // "</li>";
|
||
|
||
// document.querySelector("ul").innerHTML += `
|
||
// <li>
|
||
// <h2 class="${NewsList.result[i].class}">${NewsList.result[i].title}</h2>
|
||
// <span>${NewsList.result[i].desc}</span>
|
||
// </li>
|
||
// `;
|
||
// console.log(NewsList.result[i])
|
||
// }
|
||
|
||
// 使用js操作网页上的html叫：DOM操作
|
||
// querySelector 返回的是 dom节点(node)
|
||
|
||
// 求数组最大数
|
||
var nums = [2,1,4,3,6,5,8,7];
|
||
var min = nums[0];
|
||
var max = nums[0];
|
||
for (var i = 0; i<nums.length; i++) {
|
||
if (min > nums[i]) {
|
||
min = nums[i]
|
||
}
|
||
if (max < nums[i]){
|
||
max = nums[i]
|
||
}
|
||
}
|
||
console.log(min)
|
||
console.log("max",max)
|
||
|
||
|
||
// 求和
|
||
// var sss = [1,2,3,4,5,6,7,8,9]
|
||
|
||
// 九九乘法表
|
||
|
||
// var result = ""
|
||
// for(var i = 1; i<=9; i++) {
|
||
// for (var j = 1; j <= i; j++) {
|
||
// result += `${j} x ${i} = ${i * j} `
|
||
// }
|
||
// result += "<br/>"
|
||
// }
|
||
|
||
|
||
// var i = 1;
|
||
// while (i <= 9) {
|
||
// var j = 1;
|
||
// while (j <= i) {
|
||
// result += `${j} x ${i} = ${i * j} `
|
||
// j++
|
||
// }
|
||
// result += "<br/>"
|
||
// i++
|
||
// }
|
||
// document.write(result)
|
||
|
||
|
||
</script>
|
||
|
||
|
||
|
||
</body>
|
||
</html> |