12.22

xjdksxkmd

已于 2023-12-04 13:15:33 修改

阅读量1k

点赞数 16

文章标签： javascript 前端开发语言

于 2023-12-04 13:10:52 首次发布

本文链接：https://blog.csdn.net/xjdksxkmd/article/details/134781624

版权

JS
数据校验网页特效数据交互
对网页的元素动态编程
行内内嵌外联
οnclick="alert"() 此网站显示
<script></script>写在body结束前
<script src=""></script>
警示框alert("")
输入框prompt('')单引号和双引号都行，建议双引号
控制台打印console.log() 调试
页面打印document.write("")
关键字
//单行注释
/****/多行注释
变量(程序运行时存储数据的容器)
声明变量
var变量名
let变量名
以;作为一句话的结尾回车会解析成一个分号
let pwd
pwd = prompt("")
alert(pwd)
变量初始化
let 变量名 = 变量值
变量的值可以更改
let关键字声明的变量不能重复声明
在js当中，变量的名称命名规范：
只能由有效符号构成(大小写的字母,数字,下划线,$)
不能以数字开头
不能够使用关键字和保留字
变量名称最好有意义
变量名尽量遵循小驼峰命名法
nserName
下划线分割法
user_name
类的名称采用大驼峰命名法
UserName
常量
const声明的是常量，不允许被更改尽量大写
数据类型
内置的基本类型
1.数字类型 int float
let a = 123整型
let b = 3.14浮点型浮点数的计算不精确
typeof()数字的类型
console.log(typeof(a))
2.字符串类型 string 被单引号或双引号括起来的字符序列
模板字符串反引号能够识别html标签
let str = `<h1> </h1>`
+完成字符串拼接
3.布尔值boolean true,false
4.undefined 变量定义但未被赋值，默认数值为undefined
5.null表示不存在
6.NAN不是数字
数据类型转换
一.转换为数字类型
1.Number document.write(typeof(Number()))
2.parseInt()尽可能将数据转换成整型\parseFloat()
document.write(parseInt())
3.+ console.log(typeof(+ ))
4.tofixed
let num = 3.1415926
console.log(num.toFixed(2))
转化为字符串
toString
console.log(typeof(toString(1234)))
String
console.log(typeof(String(1234)))
console.log(111+"222")
三.转换为布尔值
Boolean()非0数字为true
运算符v
+-*/%(求余数)**幂
><==(一个=代表赋值)>= <= !=(不等于)
==:存在隐式转换，然后进行比较
===表示全等,判断值，数据类型都一致
a += 12 a=a+12
赋值运算符的优先级大于后加加，因此先进行赋值，再进行自增
赋值运算符的优先级小于后加加，因此先进行自增，再进行赋值
与&&(两真则真，一假则假) 或||(一真则真，两假则假) 非!
单分支
if(条件){
条件成立时执行的代码
}
if(条件){
条件成立时执行的代码
}else{
条件不成立时执行的代码
}
多分支else if
三元运算符
条件?条件成立时条件成立时执行的代码:条件不成立时执行的代码
switch
switch(){
case"":
alert("")
break
default
}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        let num = +prompt("请输入数字：")
        if(num>0){
            document.write("大于0")

        }else if (num=0){
            document.write("等于0")

        }else  {
            document.write("小于0")

        }
    </script>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        let num = +prompt("请输入数字")
        if(num%2==0){
            document.write("是偶数")
        }
        else{
            document.write("是奇数")
        }
    </script>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        let month = prompt("输入月份")
        switch(month){
            case"1":
            case"3":
            case"5":
            case"7":
            case"8":
            case"10":
            case"12":
            alert("31天")
            break
            case"2":
            alert("28天")
            break
            case"4":
            case"6":
            case"9":
            case"11":
            alert("30天")
            break

        }
    </script>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        let h = prompt("请输入身高")
        let w = prompt("请输入体重")
        if (w-10<=(h-108)*2 && w+10>=(h-108)*2){
            document.write("合适")
        }
        else{
            document.write("不合适")
        }
    </script>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        let b = +prompt("请输入存款金额")
        let y = +prompt("请输入存款年限")
        
        if(y == 1){
            alert(`合计为${b+b*0.0063*12*y}`)
        }else if(y == 2){
            alert(`合计为${b+b*0.0066*12*y}`)
        }else if(y == 3){
            alert(`合计为${b+b*0.0069*12*y}`)
        }else if( 4<=y && y<=5){
            alert(`合计为${b+b*0.0075*12*y}`)
        }else if(6<=y && y<=8){
            alert(`合计为${b+b*0.0084*12*y}`)
        }else{
            alert("任何邪恶终将绳之以法")
        }
    </script>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        let x = +prompt("请输入数字")
        if(x<1){
            alert(`y=${x}`)
        }else if(1<=x&&x<10){
            alert(`y=${2*x}`)
        }else if(x>10){
            alert(`y=${3*x-11}`)
        }
    </script>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        let date1 = +prompt("请输入第一个运算数")
        let date2 = +prompt("请输入第二个运算数")
        let op = prompt("请输入一个运算符")
        if(op=="+"){
            alert(date1 + date2)
        } 
        else if(op== "-"){
            alert(date1 - date2)
        }
        else if(op = "*"){
            alert(date1 * date2)
        }
        else if(op = "/"){
            alert(date1 / date2)
        }
    </script>
</body>
</html>