window对象的方法和属性

window对象是JS提供的一个内置对象，该对象是最大的一个内置对象，其中有很多方法和属性，可以直接调用
window.location对象用于获取当前页面的地址（URL），并把浏览器重新定向到新的页面。window.location对象在编写的时候可以不写window

window.onload=function(){window.location.href="https://www.baidu.com";
}

location.hostname 返回web主机的域名
location.pathname 返回当前页面的路径和文件名
location.port 返回web主机的端口
location.protocol 返回所使用的web协议
window.location.href=“http://www.xxxxxx.net”;跳转后有后退功能
window.location.replace(“http://www.xxxxxx.net”);跳转后没有后退功能
window.open(“http://www.xxxxxx.net”);在新的窗口打开链接，一般用于简单的弹出页面，现在基本都被屏蔽掉

//打开一个新子窗口
window.open("https://www.tmall.com","xxxx","height=380,width=320,top=200,left=300");

window.history对象

window.history 对象包含浏览器的历史。在编写时可以不使用window这个前缀
window.history.back() - 加载历史列表中的前一个URL，与浏览器点击后退按钮相同
window.history.forward() - 加载历史列表中的下一个URL，与浏览器点击向前按钮相同

window对象的一些其他方法
4. setInterval()和setTimeout()是HTML DOM Window 对象的两个方法，这叫做定时器方法
5. window.setTimeout() 暂停指定的毫秒数后执行指定的代码，只执行一次

window.onload=function(){window.setTimeout(function(){alert("这是三秒后输出的内容");},"3000")
}

函数只会在指定的时间之后执行一次

window.setInterval() 间隔指定的毫秒数不停地执行指定的代码

var i=0;
window.setInterval(function(){console.log("i="+i++);
},"1000")

方法用于停止setInterval()方法执行的函数代码

var i=0;
var id=window.setInterval(function(){if (i<10) {console.log("i="+i++);} else{window.clearInterval(id);}
},"1000")

window.onload=function(){var i=0;
var id=window.setInterval(function(){if (i<10) {console.log("i="+i++);} else{window.clearInterval(id);}
},"1000")
}

在函数中使用var关键字声明的变量是局部变量，如果不使用var关键字声明则是全局变量

window.clearTimeout() 方法用于停止执行setTimeout()方法的函数代码
window.alert() 警告框经常用于确保用户可以得到某些信息。当警告框出现后，用户需要点击确定按钮才能继续进行操作
window.prompt() 确认框用于使用户可以验证或者接受某些信息。当确认框出现后，用户需要点击确定或者取消按钮才能继续进行操作。如果点击确认，返回值是在框中输入的值，如果点击取消，那么返回值为null

window.onload=function(){var empno=window.prompt("请输入你要删除的编号","1001");console.log("要删除的数据的编号是："+empno);
}

window.confirm() 提示框经常用于提示用户在进入页面前输入某个值。当提示框出现后，用户需要输入某个值。然后点击确认或取消按钮才能继续操纵。如果用户点击确认，那么返回值为输入的值。如果用户点击取消，那么返回值为null

var flag=window.confirm("你确定要删除该数据？");
if(flag){console.log("删除数据");
}else{console.log("取消删除");
}

如果用户点击了确认，那么该方法返回的是true，如果点击了取消，则该方法返回的是false

window对象方法相关推荐

JavaScript基础12-day14【DOM查询(获取元素节点、获取元素节点的子节点)、全选练习、DOM增删改、DOM添加删除记录、Window对象方法】
学习地址: 谷粒学院--尚硅谷哔哩哔哩网站--尚硅谷最新版JavaScript基础全套教程完整版(140集实战教学,JS从入门到精通) JavaScript基础.高级学习笔记汇总表[尚硅谷最新版Ja ...
window对象方法之setTimeout(),setInterval()
window中的这两个方法是比较重要的,在许多的设计中会使用到这两个方法.比如使用在倒计时抢购中. 首先来说说这两个方法的用法吧! 一:window.setTimeout(); setTimeout( ...
JQuery获取iframe中window对象方法.contentWindow
document.getElementsByTagName('iframe')[0].contentWindow
JavaScript权威指南--window对象
知识要点 window对象及其客户端javascript所扮演的核心角色:它是客户端javascript程序的全局对象.本章介绍window对象的属性和方法,这些属性定义了不同的API,但是只有一部分 ...
DHTML_____window对象方法
<html> <head><meta charset="utf-8"><title>window对象方法</title> ...
JavaScript 基础（十三）：Window对象
2019独角兽企业重金招聘Python工程师标准>>> 一. window对象简介 window 对象是 BOM(浏览器对象模型) 的核心,window对象指当前的浏览器窗口. w ...
BOM——window对象
BOM 浏览器对象模型,它提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是window BOM 由一系列相关的对象构成,并且每个对象都提供了很多方法与属性 BOM 缺乏标准,JavaScri ...
vue 使用window的对象_浏览器对象的使用（window对象）
window对象是BOM的核心,window对象指当前的浏览器窗口. window对象方法: 注意:在JavaScript基础篇中,已讲解了部分属性,window对象重点讲解计时器. 1.JavaSc ...
Window对象详解
注:页面上元素name属性以及JavaScript引用的名称必须一致包括大小写否则会提示你1个错误信息 "引用的元素为空或者不是对象" --------------------- ...

window对象方法

文章目录

window对象的方法和属性

window对象方法相关推荐

最新文章

热门文章