javaScript 第六Bom编程(1)，做了3年前端还没看过OkHttp源码

| window.location.replace | 替换当前页面的地址（无历史） |

| window.location.reload(); | 重新加载当前页面 |

function aaa(){

location.href=“http://www.baidu.com”;

}

//替换

function bbb(){

winbdow.location.replace(“http://www.baidu.com”)

}

//刷新

function ccc(){

window.location.reload();

}

2、History对象

| back() | 后退 |

| — | — |

| forward() | 前进 |

| go() | go(1) 前进 go(-1)后退 |

//跳到下一页

function aaa(){

window.history.forward();

}

//后退

function ccc(){

window.history.back();

}

注：go 是可以设置前进的个数或者后退的个数

3、documen对象

对（html中的组成元素（标签，文本。。。））节点的操作

https://www.runoob.com/jsref/dom-obj-document.html

4.event 事件对象 了解！

4、event事件对象

鼠标，表单，焦点，键盘。。。

键盘

document.οnkeydοwn= function(a){

console.log(a)

//console.log(window.event);

//获取键码

}

鼠标

document.οnclick= function (b){

/* var x=b.clientX;

var y=b.clientY;

console.log(x+“,”+y); */

//相对于浏览器窗口的大小， 鼠标点击位置的坐标

//相对于整个屏幕的大小

var sx=b.screenX;

var sy=b.screenY;

console.log(sx+“,”+sy);

}

第三、window对象常用方法

| 名称 | 描述 |

| — | — |

| alert | 显示自定义消息的对话框 |

| confirm | 显示确认对话框 |

| prompt | 显示输入对话框 |

| setTimeout 重点 | 经过指定毫秒值后计算表达式，并返回该事件对象 |

| setInterval 重点 | 每过一定时间间隔调用一次指定函数 |

| close | 关闭当前浏览器窗口 |

1、confirm方法

var ai=confirm(“继续加油”);

alert(ai);

确认返回true 取消返回false

一般用于判断，是否进行下一步的操作。

2、setTimeout方法

在指定的毫秒数后调用函数或计算表达式。

setTimeout(要调用的函数名称,延迟的时间，参数，。。。。。);

//递归持续输出 建议设置递归的停止条件

function aaa(){

document.write(“sdfadsfasdfsadf”);

setTimeout(“aaa()”,2000);

}

**setInterval：是直接设置时间循环持续 ↓ **

*3、clearTimout方法

*

取消由 setTimeout() 方法设置的 timeout

停止循环、、、、、

var i=0

function aa(){

document.write(“你好你好你好你好”);

var timer =setTimeout(“aa()”,1000);

i++;

if(i==10){

clearTimeout(timer);

}

}

aa();

获取系统当前时间,并且实时改变 使用setTimeout完成

var aa;

function start(){

var date= new Date();//全部时间

document.getElementById(“a”).innerText=date;

setTimeout(“start()”,1000);

}

start();

获取系统当前时间,并且实时改变 使用setTimeout完成

开始计时

停止计时

4、setlnterval方法

小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注：前端）

因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

[外链图片转存中…(img-dwYBYFC2-1710877456656)]
[外链图片转存中…(img-whsBZZ4S-1710877456657)]
[外链图片转存中…(img-0Fl5Ktrc-1710877456657)]
[外链图片转存中…(img-X7EPgOb9-1710877456658)]

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注：前端）
[外链图片转存中…(img-WZyH5aCT-1710877456659)]