JS操作BOM

9 篇文章 0 订阅

JS操作BOM元素:

BOM(Browser Object Model)浏览器对象模型。
对整个浏览器窗口进行交互的对象模型。浏览器的前进、后退、刷新、跳转。
BOM对象包含的对象:

2.1.window对象:

        常用属性:
            2.1.2.history对象:
                常用方法:
                    back();后退。
                    forward();前进。
                    go(数字);正数前进,负数后退。
            2.1.3.location对象:
                常用属性:   
                    href:跳转页面完整的URL。
                    host:主机名+端口号。
                    hostname:主机名。
                    hash:返回#之后的所有字符串。
                    search:返回?之后的所有字符串。
                常用方法:
                    reload():刷新页面
                    replace():替换
        常用方法:
            alert();提示框,确认按钮。
            confirm();提示框,确定取消按钮。
            prompt();对话框,可以获取用户的输入值。
            open();打开新窗口。
            close();关闭窗口。
            setTimeout();只执行一次。
            setInterval();循环指定毫秒数不断执行。
            如果使用的属性或者方法来自window对象,可以省略window。
            window属于内置对象。

2.4.document对象:

        常用属性:
            URL:返回当前页面的URL
            referrer(推荐人):当浏览器向web服务器发送请求时,一般都会携带referrer属性。告诉服务器是从哪个地址链接过来的。
        常用方法:   
            write();在页面中书写内容
            getElement系列:获取页面中指定元素或者集合。
                innerText:会原样输出字符串内容。
                innerHTML:会解析css样式以及HTML结构。
                getElementById();:获取页面中指定的id对象。
                getElementsByTagName();:获取页面中所有指定标签的属性值集合。
                getElementsByName();:获取页面中所有指定name属性值的集合。

2.6.Date对象:

        var  变量名  =new Date();
        var yy=today.getFullYear(); //获取4位数字的年份。getYear()获取2位数字年份。
        var mou=today.getMonth();
        var day=today.getDate();//getDay()获取星期的每一天。0-6分别代表周一-周日
        var hh=today.getHours();
        var mm=today.getMinutes();
        var ss=today.getSeconds();

2.7.Math对象:

        ceil():向上取整
        floor():向下取整
        random():随机数
        round():四舍五入

2.8.定时函数:

        setTimeout();只执行一次。
        setInterval();循环指定毫秒数不断执行。
        clearTimeout();清除定时函数。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值