js基础-1

2026-06-30 17:31:56 +08:00
parent 06ff51d8f1
commit fdb0253799
18 changed files with 222 additions and 0 deletions
@@ -0,0 +1,5 @@
+纯算 > 调用js > 补环境 > 驱动浏览器(自动化)
+js逆向
+    协议性价比高
+
+求甚解---不求甚解
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>aaaa</title>
+    <style>
+        .pink{
+            background-color: brown;
+        }
+    </style>
+</head>
+<body>
+<button class="pink">aaa</button>
+<button>aaa</button>
+<button>aaa</button>
+<button>aaa</button>
+<script>
+    let bts = document.querySelectorAll('button')
+    for (let i = 0;i < bts.length; i++) {
+        bts[i].addEventListener('click',function (){
+            document.querySelector('.pink').className = ''
+            this.className = 'pink'
+        })
+    }
+</script>
+</body>
+</html>
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+</head>
+<body>
+
+<script>
+    // 页面弹窗警示框
+    alert('你好，js')
+</script>
+</body>
+</html>
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+</head>
+<body>
+    <script src="./js/my.js">
+        //中间内容不生效
+    </script>
+</body>
+</html>
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+</head>
+<body>
+<script>
+    // 单行注释
+    /*
+    多行注释
+    多行注释
+    */
+</script>
+</body>
+</html>
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+</head>
+<body>
+<script>
+    // 1.文档输出内容
+    document.writeln("我数输出")
+    document.writeln('<h1>我是标题</h1>')
+    // 2.页面弹窗
+    alert('hahahah')
+    // 3.控制台打印输出 给 程序员调试使用
+    console.log('看看对不对1')
+    // 4.输入 语句
+    prompt('请输入你的名字')
+</script>
+</body>
+</html>
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+</head>
+<body>
+<script>
+    let age
+    age = prompt('输入你的年龄：')
+    document.writeln(`你的年龄是：${age}`)
+    let aa = 19
+    console.log(aa)
+</script>
+</body>
+</html>
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+</head>
+<body>
+<script>
+    // 更新变量
+    let  age = 18
+    age = 19
+    document.writeln(age)
+    // 生成多个变量
+    let  uname = '张三', age = 15
+    console.log(uname,age)
+
+</script>
+</body>
+</html>
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+</head>
+<body>
+<script>
+    let uname = prompt('请输入姓名：')
+    document.writeln(uname)
+</script>
+</body>
+</html>
@@ -0,0 +1 @@
+alert('我是外部js文件')
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+</head>
+<body>
+
+</body>
+</html>
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+</head>
+<body>
+<script>
+    let num = 20
+    let uname = '张三'
+    console.log(num)
+    console.log(uname)
+</script>
+</body>
+</html>
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>输入输出</title>
+</head>
+<body>
+
+<script>
+    /*
+要求：
+1.弹窗输出： 你好 JS~
+2.页面打印： JavaScript 我来了！
+3.控制台输出： 它~会魔法吧~
+*/
+    alert('你好 JS~')
+    document.writeln('JavaScript 我来了！')
+    console.log('它~会魔法吗~')
+</script>
+</body>
+</html>
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>页面弹框</title>
+</head>
+<body>
+    <script>
+        alert('努力，奋斗')
+    </script>
+</body>
+</html>
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>页面弹框</title>
+</head>
+<body>
+    <script src="./TC.js"></script>
+</body>
+</html>
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+</head>
+<body>
+<button onclick="alert('努力，奋斗')">点我一下</button>
+</body>
+</html>
@@ -0,0 +1 @@
+alert('努力，奋斗')