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>