79 lines
2.7 KiB
HTML
79 lines
2.7 KiB
HTML
|
<!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>
|
|||
|
<script>
|
|||
|
// javascript
|
|||
|
// js 组成:ECMAscript BOM DOM
|
|||
|
// 数据类型:两种 简单数据类型:
|
|||
|
// Number String Boolean null undefined
|
|||
|
// 复杂数据类型
|
|||
|
// Object
|
|||
|
// Array Function
|
|||
|
|
|||
|
// var arr=new Array()
|
|||
|
// var fun=new Function()
|
|||
|
// 所以array 和function 都是object的实例
|
|||
|
|
|||
|
// 检测数据类型
|
|||
|
// typeof instanceof object.prototype.tostring.call
|
|||
|
var a=0
|
|||
|
var s=Object.prototype.toString
|
|||
|
console.log(s.call(a))
|
|||
|
|
|||
|
// 变量
|
|||
|
// 命名规则 1. 只能包含字母数字下划线 $ 2. 数字不能开头 3. 不能有关键字 保留字
|
|||
|
// 变量用var 声明
|
|||
|
// const 常量 常量的值不能改变 所以在声明的时候 就应该给他附初始值
|
|||
|
|
|||
|
// 交互
|
|||
|
// 1. console.log 输在控制台上 document.write 输出在页面上 alert() 弹窗
|
|||
|
// 补充: 带着确认取消的弹窗 带着输入框的弹窗
|
|||
|
|
|||
|
|
|||
|
// 运算符
|
|||
|
// 分类: 按元来分 能操作几个数就是几元运算符
|
|||
|
// 一元运算符: a++ a-- --a ++a 自增自减 !a 逻辑非
|
|||
|
// 三元运算符 三目运算 ?:
|
|||
|
// 二元运算符:+ - * / % || && ! > < == === >= <= = += -= /= *= %=
|
|||
|
// == === 区别 相等的时候 不会比较数据类型 (会发生隐式类型转换) 全等的时候 不会发生隐式类型转换 在比较的时候会比较数据类型
|
|||
|
|
|||
|
// 运算符优先级
|
|||
|
// ()
|
|||
|
// .(对象属性访问) [](数组元素访问) new<带参数> ()<函数调用>
|
|||
|
// new<不带参数>
|
|||
|
// ++(后置 ) --(后置)
|
|||
|
// ! +( 一元 正) -(一元 负) ++(前置) --(前置) tyoeof delete
|
|||
|
// * / %
|
|||
|
// 、 + - (加减)
|
|||
|
// > < >= <= in instanceof
|
|||
|
// == != === !==
|
|||
|
// &&
|
|||
|
// ||
|
|||
|
// ?: = += -= *= /= %=
|
|||
|
// ,
|
|||
|
|
|||
|
|
|||
|
var age=10
|
|||
|
console.log(age=="10")
|
|||
|
console.log(age==="10")
|
|||
|
var str=""
|
|||
|
// if (age>18){
|
|||
|
// str="欢迎光临"
|
|||
|
// }
|
|||
|
// else{
|
|||
|
// str="拒绝进入"
|
|||
|
// }
|
|||
|
str=age>18?"欢迎光临":"拒绝进入"
|
|||
|
|
|||
|
document.write(str)
|
|||
|
|
|||
|
</script>
|
|||
|
</head>
|
|||
|
<body>
|
|||
|
|
|||
|
</body>
|
|||
|
</html>
|