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>