JavaScript

一、js中获取元素的方法
    1、通过id来获得获得标签:
        var odiv = document.getElementById("odiv");

    2、获得标签里面的内容:
        var str1 = odiv.innerHTML;
        内容可以累加(可以用来做无缝动画):
        odiv.innerHTML = odiv.innerHTML + odiv.innerHTML;

二、函数的定义和调用:(可在定义前调用) 预编译
    1、定义:
        function fun1() {}

    2、调用:
        fun1();

三、控制标签
    1、控制内部的html
        var odiv = document.getElementById("odiv");
        内部的html:odiv.innerHTML

    2、控制标签的属性(选中了标签直接用点语法)
        <input type="text" value="呵呵" id="oinput">
        var oip = document.getElementById("oinput");
        获得:alert(oip.value)
        修改:oip.value = "修改后的值"
        注意:要获取class属性的时候,应该 标签.className;

    3、控制标签的css属性(odiv.style.background:获取的是行内式中的,修改的话也是修改到行内式中)
        var odiv = document.getElementById("odiv");
        odiv.style.background = "pink"
        odiv.style.fontSize = "30px"

四、数组的操作
    var arr = [10, 20, 30, "abc", true];

    1、加在最后:
        arr.push(50);

    2、删除最后(并返回被删除的元素,括号内不能有参数):
        arr.pop();

    3、数组名.splice(要删除的第一个元素的下标(包括这个), 删除多少个元素,要增加的元素)

    4、数组名.join("参数");将数组的元素合并成一个字符串,以参数的格式为分隔符

    5、数组名.reverse();实现数组反转

    6、获得元素的下标:数组名.indexOf(元素);

五、字符串的操作
    1、拼接(从左到右,数字转字符串)

    2、parseInt(str1):从第一个元素开始截取整数;
      parseFloat(str1):从第一个元素开始截取小数;

    3、str1.indexOf(元素):取元素下标

    4、截取子串: str1.substring(0, 3) 左闭右开

    5、以空格断为数组:str1.split(" ")

    6、反转:str1.split("").reverse().join("")

六、定时器
    作用:js提供定时器,可以用来做页面的动画效果
    1、设置单次定时器:
        setTimeout(函数名,间隔时间)

    2、设置多次定时器:
        timer = setInterval(函数名,间隔时间)

    3、清楚定时器:
        clearInterval(timer)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值