• 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
            
            
        定时器:
           

     1 setTimeout:
     2             //多少ms之后触发
     3             setTimeout(function(){
     4                 /* alert('王洪涛'); */
     5             }, 3000);
     6         setInterval:
     7         //代表每ms触发
     8             var interval=setInterval(function(){
     9                 //创建出Date对象
    10                 var datetime = new Date();
    11                 //01.getElementById()获取具有id属性值的元素
    12                 var span = document.getElementById('span01');
    13                 span.innerHTML = datetime;
    14                 
    15             }, 1000);


            
            
            案例:         

     1   <script type="text/javascript">
     2                 var time=10;
     3                 var interval;
     4                 //点击开始按钮时触发
     5                 function start(){
     6                     //每一次-1秒
     7                     interval=setInterval(function(){
     8                         time--;
     9                         //给span赋值
    10                         document.getElementById('time').innerHTML=time;
    11                         if(time<=0){
    12                             //停止定时器
    13                             clearInterval(interval);
    14                         }
    15                     }, 1000);
    16                 };
    17                 
    18                 function stop() {
    19                     clearInterval(interval);
    20                 };
    21 
    22             </script>
  • 相关阅读:
    mybatis plus 获取新增实体的主键
    通过 Feign 进行文件上传
    mybatis plus 更新值为null的字段
    idea 配置 service 服务,多模块同时启动
    通过设置 Chrome 解决开发调用跨域问题
    xargs 命令教程
    我的Windows 10 垃圾清理秘诀(不用优化软件)
    BugReport 分析利器 ChkBugReport
    语言与地区简码大全
    linux 将内容强制输出到终端
  • 原文地址:https://www.cnblogs.com/chx9832/p/10968896.html
Copyright © 2020-2023  润新知