zoukankan      html  css  js  c++  java
  • JavaScript操作BOM对象

    一、window对象的属性:
      history:
        方法:
          back() 加载 history 对象列表中的前一个URL
          forward() 加载 history 对象列表中的下一个URL
          go() 加载 history 对象列表中的某个具体URL
      location:
        属性:
          host 设置或返回主机名和当前URL的端口号
          hostname 设置或返回当前URL的主机名
          href 设置或返回完整的URL
        方法:
          reload() 重新加载当前文档
          replace() 用新的文档替换当前文档
          document:
        属性:
          referrer 返回载入当前文档的URL
          URL 返回当前文档的URL

        方法:
          getElementById() 返回对拥有指定id的第一个对象的引用
          getElementsByName() 返回带有指定名称的对象的集合
          getElementsByTagName() 返回带有指定标签名的对象的集合
    二、window对象的方法:
        prompt( ) 显示可提示用户输入的对话框
        alert( ) 显示带有一个提示信息和一个确定按钮的警示框
        confirm( ) 显示一个带有提示信息、确定和取消按钮的对话框
        close( ) 关闭浏览器窗口
        open( ) 打开一个新的浏览器窗口,加载给定 URL 所指定的文档
        setTimeout( ) 在指定的毫秒数后调用函数或计算表达式
        setInterval( ) 按照指定的周期(以毫秒计)来调用函数或表达式
      Date:
        getDate() 返回 Date 对象的一个月中的每一天,其值介于1~31之间
        getDay() 返回 Date 对象的星期中的每一天,其值介于0~6之间
        getHours() 返回 Date 对象的小时数,其值介于0~23之间
        getMinutes() 返回 Date 对象的分钟数,其值介于0~59之间
        getSeconds() 返回 Date 对象的秒数,其值介于0~59之间
        getMonth() 返回 Date 对象的月份,其值介于0~11之间
        getFullYear() 返回 Date 对象的年份,其值为4位数
        getTime() 返回自某一时刻(1970年1月1日)以来的毫秒数
      Math:
        ceil() 对数进行上舍入 Math.ceil(25.5);返回26
        Math.ceil(-25.5);返回-25
        floor() 对数进行下舍入 Math.floor(25.5);返回25
        Math.floor(-25.5);返回-26
        round() 把数四舍五入为最接近的数 Math.round(25.5);返回26
        Math.round(-25.5);返回-26
        random() 返回0~1之间的随机数 Math.random();例如:0.6273608814137365

    三、定时器:

    setTimeout:
    //多少ms之后触发
    setTimeout(function(){
    /* alert('王洪涛'); */
    }, 3000);
    setInterval:
    //代表每ms触发
    var interval=setInterval(function(){
    //创建出Date对象
    var datetime = new Date();
    //01.getElementById()获取具有id属性值的元素
    var span = document.getElementById('span01');
    span.innerHTML = datetime;
    
    }, 1000);

    案例:

    <script type="text/javascript">
    var time=10;
    var interval;
    //点击开始按钮时触发
    function start(){
    //每一次-1秒
    interval=setInterval(function(){
    time--;
    //给span赋值
    document.getElementById('time').innerHTML=time;
    if(time<=0){
    //停止定时器
    clearInterval(interval);
    }
    }, 1000);
    };
    
    function stop() {
    clearInterval(interval);
    };
    
    </script>
  • 相关阅读:
    第五次作业
    第四次作业
    第三次作业
    第二次作业
    2013551822第一次作业
    第八次作业
    第七次作业
    第六次作业
    第五次作业
    第四次作业
  • 原文地址:https://www.cnblogs.com/Zzzzn/p/10968948.html
Copyright © 2011-2022 走看看