BOM 概念及window对象


prtyaa
prtyaa 2023-12-26 19:05:35 65266
分类专栏: 资讯
  • 一、window注意事项:

    • DOM中document就属于window对象的子对象;
    • 而window在调用属性和方法时,可以省略window不写;
    • 在全局变量中不能定义name,top。因为window默认的name属性是字符串类型的。

    二、对话框:

    1. alert():警示框
    2. prompt(两个参数):提示框
    3. confirm("你确定要删除xxx吗"):提示用户确认或者取消的对话框

    confirm是有返回值的,点击确认时返回true,点击取消则返回false。

    三、onload加载事件:

    事件触发时,页面所有内容都已经加载完毕,获取元素不会出现错误

    1、使用window.onload事件,可以将js代码提前到html结构之前

    2、一个页面只能有一个window.onload事件

    四、延时器

    是window对象的一个方法,类似于定时炸弹。

    语法:window.setTimeout(func,time)

    两个参数,第一个是调用的函数,这里可以是匿名函数,第二个参数,延迟的时间。以毫秒计数1000毫秒等于1秒。

    例子:

    var timeout = window.setTimeout(function(){
    console.log("boom");
    },2000)

    延时器属于异步语句。

    五、清除延时器:

    语法:window.clearTimeout(timeout);

    参数延时器变量名的引用。

    功能是清楚延时器。

    六、定时器

    相当于定时闹钟,每隔固定时间响一次。

    语法:window.setInterval(func,interval);

    参数:第一个参数可以是匿名函数,也可以说一个函数名的引用,不要加括号。第二个参数是时间的间隔。

    七、清除定时器

    语法window.clearInterval(timer);

    参数:定是是变量名的引用

    而在清除定时器时会出现些问题:比如点击多次开始在点击结束时,并没有清除定时器。这是因为此时清除的只是第一次点击的效果。那怎么去解决呢?我们可以在每一个点击开始的时候先清除定时器,然后再继续执行定时器。

    在学习此内容时,要先理清思路。

    补充:window.getComputedStyle(),用来获取计算后样式的方法。括号内传需要运动的元素

    八、location对象

    它也属于window下的一个属性。

    用途:可以获取或者设置浏览器地址的URL。

    href:可以获取URL,设置页面跳转地址
    assign:与href功能一样。都可以记录历史。
    replace:替换,替换当前的地址,页面不记录历史
    reload:重新加载页面(刷新页面)
    注:可以传两个参数,true和false,
    true表示直接从服务器上获取,false表示先在本地缓存中获取,获取不到再从服务器上获取。

    九、history对象

    window下的一个属性,它可以与浏览器的历史记录进行交互,是对用户访问的页面按时间顺序进行记录和保存。

    forward():前进
    back():后退
    go():通过传数字的参数让页面跳转前进或者后退

网站声明:如果转载,请联系本站管理员。否则一切后果自行承担。

本文链接:https://www.xckfsq.com/news/show.html?id=31086
赞同 0
评论 0 条
prtyaaL0
粉丝 1 发表 2554 + 关注 私信
上周热门
银河麒麟添加网络打印机时,出现“client-error-not-possible”错误提示  1448
银河麒麟打印带有图像的文档时出错  1365
银河麒麟添加打印机时,出现“server-error-internal-error”  1151
统信桌面专业版【如何查询系统安装时间】  1073
统信操作系统各版本介绍  1070
统信桌面专业版【全盘安装UOS系统】介绍  1028
麒麟系统也能完整体验微信啦!  984
统信【启动盘制作工具】使用介绍  627
统信桌面专业版【一个U盘做多个系统启动盘】的方法  575
信刻全自动档案蓝光光盘检测一体机  484
本周热议
我的信创开放社区兼职赚钱历程 40
今天你签到了吗? 27
信创开放社区邀请他人注册的具体步骤如下 15
如何玩转信创开放社区—从小白进阶到专家 15
方德桌面操作系统 14
我有15积分有什么用? 13
用抖音玩法闯信创开放社区——用平台宣传企业产品服务 13
如何让你先人一步获得悬赏问题信息?(创作者必看) 12
2024中国信创产业发展大会暨中国信息科技创新与应用博览会 9
中央国家机关政府采购中心:应当将CPU、操作系统符合安全可靠测评要求纳入采购需求 8

添加我为好友,拉您入交流群!

请使用微信扫一扫!