javaScript 第六Bom编程

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方法

按照指定的周期（以毫秒计）来调用函数或计算表达式。

setInterval 每隔一定的时间执行方法。

clearInterval 关闭定时器

获取系统当前时间

body>

开始

停止

短信倒计时

发送短信

function send (){

var btn=document.querySelector(“button”)

btn.isDisabled=true;

var i=60;

var timeout =setInterval(function(){

i–;

btn.innerText=“倒计时”+i+“秒”;

if(i==0){

clearInterval(timeout);

btn.innerText=“在次发送短信”;

btn.disabled=false

}

},200)

//输出验证码

var d60=parseInt(60*Math.random());

var d4=parseInt(Math.random()*9000+1000);

function send (){

var btn=document.querySelector(“button”)

btn.isDisabled=true;

var i=60;

var timeout =setInterval(function(){

i–;

btn.innerText=“倒计时”+i+“秒”;

if(i==0){

clearInterval(timeout);

btn.innerText=“在次发送短信”;

btn.disabled=false

}

if(i==d60){

alert(d4);

}

},200)

}

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

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

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

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

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

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）

更多面试题

**《350页前端校招面试题精编解析大全》**内容大纲主要包括 HTML，CSS，前端基础，前端核心，前端进阶，移动端开发，计算机基础，算法与数据结构，项目，职业发展等等

资料获取方式：点击蓝色传送门免费获取

[外链图片转存中…(img-YnxSx6uj-1713499765202)]

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

[外链图片转存中…(img-J8LvQ0BT-1713499765203)]

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

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）

[外链图片转存中…(img-M0UG56R7-1713499765203)]

更多面试题

**《350页前端校招面试题精编解析大全》**内容大纲主要包括 HTML，CSS，前端基础，前端核心，前端进阶，移动端开发，计算机基础，算法与数据结构，项目，职业发展等等

资料获取方式：点击蓝色传送门免费获取

[外链图片转存中…(img-kHH6YYa9-1713499765203)]