133 lines
3.3 KiB
HTML
133 lines
3.3 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>
|
||
|
||
<h2>dddd</h2>
|
||
|
||
</body>
|
||
|
||
<script>
|
||
// 变量 主要用来存放能够发生改变的数据
|
||
// 定义变量 var 变量名;
|
||
// 变量赋值 name = 1
|
||
// 定义变量名的规则
|
||
// 1: 变量名不要出现重复
|
||
// 2: 变量名只能以字母或特殊符号开头(_ $)，不能用数字开头
|
||
// 3: 变量名可以用中文来定义，但是绝对杜绝使用！！！
|
||
// 4: 变量名严格区分大小写
|
||
// 5: 变量名一般都需要具有含义，写法规则：驼峰命名法 UserInputName
|
||
|
||
//var name; // 定义
|
||
//name = 1; // 赋值
|
||
|
||
// var name = 2;
|
||
|
||
var UserInputName = "刘兵a";
|
||
|
||
// 同时定义多个变量
|
||
var a = 1, b = 2, c = 3, d = 4;
|
||
|
||
// console.log(a);
|
||
|
||
// 变量（数据）类型
|
||
// 1：string 字符串 "" '' 包裹起来的
|
||
// var name = "2"
|
||
// 2: number 数字
|
||
// var dd = 9997;
|
||
// 3: Boolean 布尔类型 true(真 1) false(假 0)
|
||
// 4: Undefined 变量定义了但未赋值
|
||
// 5: Null 清空变量
|
||
// 6: object 对象 {}
|
||
// 1：js中描述事物的方式
|
||
|
||
// 什么叫对象：现实生活中具有某些特征和属性或者功能的集合体
|
||
|
||
// 车
|
||
// var cart = {
|
||
// color: 'red',
|
||
// speed: '3.2s',
|
||
// start: function () {
|
||
// console.log("车子启动的功能")
|
||
// },
|
||
// stop: function() {
|
||
// console.log("车子停止的功能")
|
||
// }
|
||
// };
|
||
|
||
// console.log(cart.color)
|
||
// console.log(cart.speed)
|
||
// cart.start()
|
||
// cart.stop()
|
||
|
||
// 2：数据类型
|
||
|
||
// object 三种定义方式
|
||
|
||
// 1
|
||
// var obj1 = new Object();
|
||
// obj1.name = "小明" // name: 对象的 key value
|
||
// obj1.age = "18岁"
|
||
// obj1.ddd = "dddd"
|
||
// console.log(obj1.name)
|
||
// console.log(obj1['name'])
|
||
// 2
|
||
// var obj2 = new Object({
|
||
// name: '小明',
|
||
// age: 18,
|
||
// ddd: "dddd"
|
||
// });
|
||
|
||
// 3 这种常用
|
||
// var obj3 = {
|
||
// name: '小明',
|
||
// age: 18,
|
||
// ddd: "dddd",
|
||
// islike: false,
|
||
// like: {
|
||
// one: '编程',
|
||
// two: '游戏'
|
||
// }
|
||
// };
|
||
// console.log(obj3.like.two);
|
||
|
||
|
||
// 算数运算符
|
||
// +
|
||
// 1: 进行数学运算 + 两边都应该是number
|
||
// 2: 拼接字符串 +
|
||
// -
|
||
|
||
var fff = 1;
|
||
// a++ ++在变量后面：先使用变量，使用后再+1
|
||
// ++a ++在变量前面：
|
||
|
||
// console.log( fff++ + (fff--) ) //3
|
||
// console.log(fff) // 1
|
||
|
||
// console.log( (--fff + (fff++)) + (fff++ == fff--) )
|
||
|
||
// console.log(fff+=1) // fff = fff + 1
|
||
// console.log(fff-=1) // fff = fff - 1
|
||
// console.log(fff*=1) // fff = fff / 1
|
||
// console.log(fff/=1) // fff = fff * 1
|
||
|
||
// console.log(1 == "1")
|
||
|
||
// && 表达式两边必须都为true，返回结果才为true
|
||
console.log( 1 > 2 && 3 == 1 )
|
||
// || 表达式两边只要有一个为true，那么返回true
|
||
console.log( 3 < 4 || 1 < 2)
|
||
// ! 真假颠倒
|
||
console.log(!0)
|
||
console.log(!(fff !== 1));
|
||
|
||
</script>
|
||
|
||
|
||
</html> |