zoukankan      html  css  js  c++  java
  • dom操作(定时器)

    windows对象

    window.open("打开的地址","打开的位置")

    window.opener:上一个页面对象

    window.close():关闭当前页面;

    元素节点创建和追加

    创建标签:document.createElement(标签名字);

    文本节点:document.createTextnode(文本内容);

    属性设置:node.setattribute(名称,值);

    节点追加:

    父节点.appendChild(子节点);

    节点删除:

    父节点.remoeChild(子节点);

    添加事件:addEventListener(事件类型,方法)

    删除事件:removeEventListener(事件类型,方法)

    获取事件对象:

    node.onclick = function(evt){evt就是事件对象}

    定时器

    定时器(有返回值:定时器对象【可以被清除】)
    setInterval(function(){},1000);间隔执行
    setTimeout(function(){},1000);延迟执行
    clearInterval(定时器对象);
    clearTimeout(定时器对象);

    轮播图:

    var tp=["../image/1.png","../image/2.png","../image/3.png","../image/4.png"]
    function zdlb(){
    var imgdom = document.getElementsByTagName("img")[0];var num=0;
    setInterval(function(){

    if(num>=4){
    num=0
    }
    imgdom.setAttribute("src",tp[num]);
    num++;
    },2000)
    }
    zdlb();
    function huantu(num){
    var imgdom = document.getElementsByTagName("img")[0];
    imgdom.setAttribute("src",tp[num]);

    }

  • 相关阅读:
    笨办法29IF语句
    笨办法28布尔表达式
    笨办法27记住逻辑
    笨办法26恭喜你,可以进行一次考试了
    笨办法25更多更多的练习
    笨办法23复制文件
    成功转移(✿◡‿◡)
    笨办法22到目前为止你学到了什么?
    vue.js
    webpack-优化
  • 原文地址:https://www.cnblogs.com/plmokn/p/8658098.html
Copyright © 2011-2022 走看看