js的window对象学习

本文深入解析浏览器对象模型(BOM)及Window对象的核心概念,包括框体方法、定时执行方法、子窗口方法等,同时介绍了关键属性如location、history、screen等的使用技巧。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

BOM浏览器对象模型:是规范浏览器对js语言的支持(js调用浏览器本身的功能)。
BOM的具体实现是window对象

js的window对象学习:

                1、window对象不用new,直接进行使用即可,类似Math的使用方式,window关键字可以省略不写。
                2、框体方法
                    alert:警告框    提示一个警告信息,没有返回
                    confirm:确认框  提示用户选择一项操作(确定/取消)
                            点击确定 返回true
                            点击取消  返回false
                    prompt:提示框, 提示用某个信息的录入或者说收集
                            点击确定,返回当前用书录入的数据,默认返回空字符串
                            点击取消,返回null
                3、定时和间隔执行方法
                    setTimeout:指定的时间后执行指定的函数
                                参数1:函数对象
                                参数2:时间,单位毫秒。
                                返回值:返回当前定时器的id
                    setInterval:每间隔指定的时间执行指定的函数
                                参数1:函数对象
                                参数2:时间,单位毫秒。
                                返回值:返回当前间隔器的id
                    clearTimeout:用来停止指定的定时器
                                参数:定时器的id                                
                    clearInterval:用来停止指定的间隔器
                                参数:间隔器的id

js的window对象学习2:

                1、子窗口方法
                    window.open('子页面的资源(相对路径)','打卡方式','配置');
                        示例:window.open('son.html','newwindow','height=400, width=600, top=100px,left=320px, toolbar=yes, menubar=yes, scrollbars=yes, resizable=yes,location=no, status=yes');
                    注意:
                        关闭子页面的方法window.close(),但是此方法只能关闭open方法打开的子页面。
                2、子页面调用父页面的函数
                    window.opener.父页面的函数
            js的window对象的常用属性
                地址栏属性:location
                    window.location.href="新的资源路径(相对路径/URL)"
                    window.location.reload()重新加载页面资源
                历史记录属性
                    window.history.forward() 页面资源前进,历史记录的前进。
                    window.history.back()    页面资源后退,历史记录后退
                    window.history.go(index) 跳转到指定的历史记录资源
                        注意window.history.go(0)相当于刷新。
                屏幕属性
                    window.srceen.width;//获取屏幕的宽度分辨率
                    window.screen.height;//获取屏幕的高度分辨率
                浏览器配置属性
                    
                主体面板属性(document)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值