aaaa
This commit is contained in:
41
teaching/林锦绣/duixiang.html
Normal file
41
teaching/林锦绣/duixiang.html
Normal file
@@ -0,0 +1,41 @@
|
||||
<!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>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
var obj={
|
||||
shopname:"西红柿",
|
||||
price:1.00,
|
||||
kucun:"30个",
|
||||
chandi:"寿光",
|
||||
eat:function(){
|
||||
console.log("我可以被生吃")
|
||||
},
|
||||
cook:function(){
|
||||
console.log("可以炒着吃")
|
||||
},
|
||||
zhazhi:function(){
|
||||
console.log("我可以被榨汁")
|
||||
}
|
||||
}
|
||||
console.log(obj)
|
||||
obj.eat()
|
||||
obj.cook();
|
||||
obj.zhazhi();
|
||||
console.log(obj.shopname);
|
||||
|
||||
obj.gaoguang=function(){
|
||||
console.log("火山下大雪")
|
||||
}
|
||||
obj.gaoguang()
|
||||
obj.shopname="火山"
|
||||
delete obj.kucun
|
||||
console.log(obj)
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
22
teaching/林锦绣/form.html
Normal file
22
teaching/林锦绣/form.html
Normal file
@@ -0,0 +1,22 @@
|
||||
<!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>
|
||||
</head>
|
||||
<body>
|
||||
<input type="text" value="">
|
||||
<script>
|
||||
// 1.选中目标元素 2. 取出value的值
|
||||
// 1.选中目标元素 除了通过id来取之外,其他取出来的值都是一些集合(数组)
|
||||
// id具有唯一性 所以通过id来取的结果 就是单个元素
|
||||
var info=document.getElementsByTagName("input")
|
||||
console.log(info)
|
||||
document.write("值为"+info[0].value)
|
||||
alert(info[0].value)
|
||||
prompt("fdgf")
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
79
teaching/林锦绣/js.html
Normal file
79
teaching/林锦绣/js.html
Normal file
@@ -0,0 +1,79 @@
|
||||
<!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>
|
||||
46
teaching/林锦绣/xunhuan.html
Normal file
46
teaching/林锦绣/xunhuan.html
Normal file
@@ -0,0 +1,46 @@
|
||||
<!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>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
// while
|
||||
// for
|
||||
// for in
|
||||
// do while
|
||||
|
||||
// 1.while
|
||||
// var a=0
|
||||
// while(a<=100){
|
||||
// console.log(a)
|
||||
// a++
|
||||
// }
|
||||
|
||||
// 2. do while
|
||||
// var a=0
|
||||
// do{
|
||||
// console.log(a)
|
||||
// a++
|
||||
// }while(a<=100)
|
||||
|
||||
|
||||
// 3. for
|
||||
// for(var a=0;a<=100;a++){
|
||||
// console.log(a)
|
||||
// }
|
||||
|
||||
// var arr=[1,2,3,4,5]
|
||||
// for(var i in arr){
|
||||
// console.log(i,arr[i])
|
||||
// }
|
||||
|
||||
// while(true){
|
||||
|
||||
// }
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user