js 0.0
This commit is contained in:
46
js/demo/day1.html
Normal file
46
js/demo/day1.html
Normal file
@@ -0,0 +1,46 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Document</title>
|
||||
<script>
|
||||
var lanzi="苹果"
|
||||
// var lanzi ---第一步 变量声明 问系统要个篮子 用来放东西
|
||||
// lanzi="苹果" --第二步 赋值 把苹果放到篮子里
|
||||
document.write('明世隐')
|
||||
|
||||
var a=1,b=2,c=3,d=4,e; // 声明多个变量
|
||||
document.write(a,b,c,d,e)
|
||||
|
||||
var no=1;
|
||||
var num=no
|
||||
num=3;
|
||||
console.log(no,num)
|
||||
|
||||
var obj={name:'蔡文姬',age:20}
|
||||
var obj1=obj
|
||||
obj1.name='明世隐'
|
||||
console.log(obj)
|
||||
console.log(obj1)
|
||||
|
||||
|
||||
//检测数据类型
|
||||
console.log(typeof "king")
|
||||
console.log(typeof obj) //object
|
||||
console.log(typeof [1,2,3]) //array--> object
|
||||
console.log(typeof function(){}) //object
|
||||
|
||||
console.log(Number('2AAAAA')) //NAN
|
||||
console.log(Number('2')) //2
|
||||
|
||||
console.log('2aaaaa'+4) //2aaaaa4
|
||||
console.log("4"+4) //44
|
||||
console.log("4"-4) //0
|
||||
console.log(true+5) //6
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
70
js/demo/day2.html
Normal file
70
js/demo/day2.html
Normal file
@@ -0,0 +1,70 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Document</title>
|
||||
<script>
|
||||
var a=1;
|
||||
a+=2;
|
||||
// a=+3
|
||||
// console.log(a)
|
||||
// var b=1;
|
||||
// console.log(b++) //1 先执行 后增加
|
||||
// console.log(b) //2
|
||||
// console.log(++b) //3 先增加 后执行
|
||||
|
||||
// console.log(true>2)
|
||||
// console.log(false>true)
|
||||
// console.log(undefined ==null )
|
||||
// console.log(undefined === null)
|
||||
function s(){
|
||||
console.log("hello world")
|
||||
return false
|
||||
}
|
||||
function r(){
|
||||
console.log("js")
|
||||
return true
|
||||
}
|
||||
function e(){
|
||||
console.log('queen')
|
||||
return true
|
||||
}
|
||||
// q=s()||r()||e()
|
||||
|
||||
// q=fasle||true
|
||||
// s false r true
|
||||
// s hello world r js
|
||||
// true
|
||||
|
||||
var time=1;
|
||||
var date=2
|
||||
df=r()&&s()&&e()
|
||||
|
||||
// df2=r()&&e()
|
||||
// console.log(df,df2)
|
||||
// console.log(time==1 && date==2)
|
||||
// console.log(time==1&& date==='2')
|
||||
|
||||
var ad=(2>1)?1:2
|
||||
|
||||
// function abc(){
|
||||
// console.log('abc')
|
||||
// return 1
|
||||
// }
|
||||
// var abc=function(){
|
||||
// console.log("abc1")
|
||||
// return 2
|
||||
// }
|
||||
|
||||
var abc=()=>{
|
||||
console.log("abcn")
|
||||
return 3
|
||||
}
|
||||
abc()
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
36
js/demo/day3-1.html
Normal file
36
js/demo/day3-1.html
Normal file
@@ -0,0 +1,36 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Document</title>
|
||||
<script>
|
||||
var arr=[1,2,3] //字面量
|
||||
// console.log(arr[1])
|
||||
// for(let i in arr){
|
||||
// console.log(arr[i]) // i指代的是数组的下标
|
||||
// }
|
||||
arr.push(4)
|
||||
// var q=arr.pop() //pop 返回的是被删除的那个元素
|
||||
// console.log(arr)
|
||||
// console.log(q)
|
||||
arr.shift() //删除第一个元素
|
||||
arr.unshift(6) //往数组首位添加元素
|
||||
console.log(arr)
|
||||
|
||||
var str=arr.join(',')
|
||||
console.log(str)
|
||||
|
||||
console.log(str.split(','))
|
||||
|
||||
// arr.splice(2,1)
|
||||
arr.splice(2,2,9,0)
|
||||
console.log(arr)
|
||||
// splice() 3 2删除 3修改
|
||||
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
53
js/demo/day3.html
Normal file
53
js/demo/day3.html
Normal file
@@ -0,0 +1,53 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Document</title>
|
||||
<script>
|
||||
// var obj={}// 定义一个对象 字面量
|
||||
var obj =new Object() // 构造函数
|
||||
// var order=new Number(3)
|
||||
obj.name="暖暖" //增加一个属性
|
||||
obj.age=19
|
||||
obj.color="pink"
|
||||
obj.say=function(e){ // 增加一个方法
|
||||
console.log(e)
|
||||
}
|
||||
console.log(obj)
|
||||
obj.say("我是暖暖") //对象里面方法调用
|
||||
function changeage(){
|
||||
obj.age=20;
|
||||
console.log(obj,"new")
|
||||
}
|
||||
function del(){
|
||||
delete obj.age // 删除属性
|
||||
console.log(obj)
|
||||
}
|
||||
|
||||
|
||||
// 自定义一个 构造函数
|
||||
function Person(name,age,color){
|
||||
this.name=name
|
||||
this.age=age
|
||||
this.color=color
|
||||
this.sayhi=function(){
|
||||
console.log('hi')
|
||||
}
|
||||
}
|
||||
|
||||
var nuan=new Person('暖暖',20,'pink')
|
||||
console.log('we' in nuan)
|
||||
console.log('name' in nuan) // in 前面一定是属性的名字
|
||||
// for in 遍历对象
|
||||
for(let i in nuan){
|
||||
console.log(i,nuan[i]) //i 是属性名 nuan[i] 属性值
|
||||
}
|
||||
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<button onclick="changeage()">change</button>
|
||||
<button onclick="del()">del</button>
|
||||
</body>
|
||||
</html>
|
||||
1
js/demo/url.js
Normal file
1
js/demo/url.js
Normal file
@@ -0,0 +1 @@
|
||||
document.write('蔡文姬')
|
||||
Reference in New Issue
Block a user