HTML基础js操作

ces 

最开始学的四种定义方式

var test='123' 定义一个变量这个叫局部变量 

test=123 这个就叫做全局变量 

let test=123 局部变量另一种方式 

const name=1111 常量不允许修改 

const name="dsx" 默认全局变量 

name=123 

function func(){

  var name="niuhao"  局部变量

 

}

字符串的拼接

str=‘大师兄’  定义字符串方法 

var name=name+str 字符串拼接

str.length 获取字符串长度

var  testStr="你开心就好"  定义一个字符串

var str="你开心就好" 定义字符串 

testStr.substring(1,3)  切片 

testStr.concat('.....') 拼接字符串 

需求:

判断大师兄这个字符串不在test

testStr.indexOf('你')  获取角标位置找不到返回-1

str.split(',,',1)#切片可以传一个参数,取切到的第几个的参数 

数字类型 

var age=18 

var score=89.22

number="18"

var n =parseint(number)  转成Int 

var n =parsefloat(number)  转成小数

布尔类型 

var t=false

var f=true 

数组操作 

var list=['ces','ces1'] 数组操作 

list.length 数组的长度 

list.push 尾部追加 

list.shift()头部获取一个元素删除 

list.pop 尾部获取一个删除一个元素 

list.unshift 头部插入一个数据 

list.splice (start,deleteCount,value)插入删除和替换数组的元素

list.splice(n,0,val) 指定位置插入元素 

list.splice(n,1,val) 指定位置置换元素 

list.splice(n,1) 指定位置删除元素

list.join('-') 将数组根据字符串拼接

list.concat(['ces']) 数组和数组拼接 

list.sort() 排序 

对象类型 相当于字典 

var dict={name:'dsx',age:18,sex:'男'}

var age=dict.age   取值 

var name=dict['name'] 取值 

delete dict['name'] 删除 

delete dict.age 删除 

 

<body>
<!--onclick 相当于绑定一个事件-->
<input type="button" onclick="demo()"value="触发方法">
<div></div>
<script>
// 定义一个方法
function demo(){
// console相当于print
console.log('已经点击了')
}
</script>
</body>
</html>
input 绑定一个事件,下面生成一个demo 方法

练习
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<!--onclick 相当于绑定一个事件-->
<input type="button" onclick="demo('联通s')"value="触发方法">
<div></div>
<script>
// 定义一个方法
function demo(num){
if (num=='联通'){
console.log('10010')
}
else if (num=='移动'){
console.log('10086')
}else {
alert('都不正确')
}

}
</script>
</body>
</html>


 

posted @ 2021-02-24 13:26  测试董先生  阅读(107)  评论(0编辑  收藏  举报