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

    一、window对象的属性

    1、history

      方法:

      (1)back():加载history对象列表中的前一个URL

    ·    (2)forward():加载history对象列表中的下一个URL

      (3)go():加载history对象列表中的某个具体的URL

    2、location

      属性:

        host:设置或返回主机名和当前的URL的端口号

        hostname:设置或返回当前的URL主机名

        href:设置或返回完整的URL

    3、document

      属性:

        referrer:返回载入当前文档的URL

        URL:返回当前文档的URL

      方法:

        getElementByld():返回对拥有指定id的第一个对象的引用

        getElementsByName():返回带有指定名称的对象的集合

        getElementByTagName():返回带有指定标签的对象的集合

    二、window对象的方法

      prompt():显示可提示用户输入的对话框

      alert():显示带有一个提示信息和一个确定按钮的警示框

      confirm():显示一个带有提示信息、确定和取消按钮的对话框

      close():关闭浏览器窗口

      open():打开一个新的浏览器窗口,加载给定URL所指定的文档

      setTimeout():在指定的毫秒数后调用函数或计算表达式

      setInterval():按照指定的周期(以毫秒计)来调用函数或表达式

    1、Date

      getDate():返回Date对象一个月中的每一天,其值介于1~31之间

      getDay():返回Date对象的星期中的每一天,其值介于0~6之间

      getHours():返回Date对象的小时数,其值介于0~23之间

      getMinutes():返回Date对象的分钟数,其值介于0~59之间

      getSeconds():返回Data 对象的秒数,其值介于0!59之间

      getMonth():返回Date对象的月份,其值介于0~11之间

      getFullYear():返回Data对象的年份,其值为4位数

      getTime():返回自某一刻(1970年1月1日)以毫秒数

    2、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>
            
  • 相关阅读:
    AdminLTE组件之表格DataTable
    爬虫:通过滑动或者点触验证码的方法及实现(点触+滑动)
    爬虫:滑动验证解决方法及python实现
    django文件上传地址以及media的设置
    基于cropper和sweetalert的简单图片/头像裁剪上传
    学写网站(二)前端配置之glup
    轩辕剑陆和外传平台版设置功能
    植物大战僵尸
    仙剑类更新
    VSCode注册关联自定义类型文件
  • 原文地址:https://www.cnblogs.com/tinghao/p/10972031.html
Copyright © 2011-2022 走看看