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> |