【JavaScript】Window对象学习

Javascript组成

JavaScript的实现包括以下3个部分：
1、核心（ECMAScript）：描述了JS的语法和基本对象。
2、文档对象模型（DOM）：处理网页内容的方法和接口。
3、浏览器对象模型（BOM）：与浏览器交互的方法和接口。

window对象

JS基于对象，万物皆对象。在浏览器里面，window对象（注意，w为小写）指当前的浏览器窗口。它也是当前页面的顶层对象，即最高一层的对象，所有其他对象都是它的下属。

举例：setInterval可以实现图片在页面上的运动
setInterval的实现是多线程

<html><head><title>window对象学习</title><meta charset="UTF-8"/><!--BOM浏览器对象模型：是规范浏览器对js语言的支持(js调用浏览器本身的功能)。BOM的具体实现是window对象 window对象使用学习：1、window对象不用new，直接进行使用即可，类似Math的使用方式，window关键字可以省略不写。2、框体方法alert:警告框   提示一个警告信息，没有返回confirm:确认框  提示用户选择一项操作（确定/取消）点击确定 返回true点击取消  返回falseprompt:提示框， 提示用某个信息的录入或者说收集点击确定，返回当前用书录入的数据，默认返回空字符串点击取消,返回null3、定时和间隔执行方法setTimeout:指定的时间后执行指定的函数参数1：函数对象参数2：时间，单位毫秒。返回值：返回当前定时器的id（也就是多线程的线程id）setInterval:每间隔指定的时间执行指定的函数参数1：函数对象参数2：时间，单位毫秒。返回值：返回当前间隔器的id（也就是多线程的线程id）clearTimeout:用来停止指定的定时器参数：定时器的id                             clearInterval:用来停止指定的间隔器参数：间隔器的id--><!--声明js代码域--><script type="text/javascript">//框体方法学习：//警告框function testAlert(){var a=window.alert("我是警告框");alert(a);}//确认框function testConfirm(){var flag=window.confirm("你确定要删除吗?");alert(flag);}//提示框function testPrompt(){var str=window.prompt("请输入昵称：");alert(str);}
/*----------------------------------------------------------------------------------------------*/var idi;var ids//定时执行function testSetTimeout(){idi=window.setTimeout(function(){alert("我是定时执行");},3000);}//间隔执行function testSetInterval(){ids=window.setInterval(function(){alert("我是间隔执行");},2000);}//停止当前的定时方法function testClearTimeout(){window.clearTimeout(idi);}              function testClearInterval(){window.clearInterval(ids); }</script></head><body><h3>window对象学习</h3><hr /><input type="button" name="" id="" value="测试警告框" onclick="testAlert();" /><input type="button" name="" id="" value="测试确认框" onclick="testConfirm()" /><input type="button" name="" id="" value="测试提示框"  onclick="testPrompt()"/><hr /><input type="button" name="" id="" value="测试setTimeout--定时执行"  onclick="testSetTimeout()"/><input type="button" name="" id="" value="测试setInterval--间隔执行"  onclick="testSetInterval()"/><input type="button" name="" id="" value="测试clearTimeout--停止指定的定时器" onclick="testClearTimeout()" /><input type="button" name="" id="" value="测试clearInterval--停止指定的间隔器" onclick="testClearInterval()" /></body>
</html>

【JavaScript】Window对象学习相关推荐

JavaScript之对象学习
对象是一种非常重要的数据类型,他是一种自包含的数据集合,包含在对象里面的数据可以通过属性和方法两种形式来访问; 1.属性是隶属于某个特定对象的变量; 2.方法是只有某个特定对象才能调用的函数; 而对象 ...
JavaScript window对象之atob()和btoa()
javascript原生的api本来就支持Base64,但是由于之前的javascript局限性,导致Base64基本中看不中用.当前html5标准正式化之际,Base64将有较大的转型空间,对于Ht ...
JavaScript window 对象详解
1. 概述 window对象指当前的浏览器窗口,它也是当前页面的顶层对象,即最高一层的对象,所有其他对象都是它的下属. 一个变量如果未声明,那么默认就是顶层对象的属性. // a是一个没有声明就直接 ...
JavaScript window对象常用方法
1.open() 格式:window.open(URL,windowname) URL:目标链接地址 windowname:新窗口名称 <!DOCTYPE HTML PUBLIC "- ...
JavaScript学习系列3 -- JavaScript arguments对象学习
在实际项目开发中,目前还是很少使用到JavaScript 中的arguments对象,那么它到底是干什么用的呢 arguments是JavaScript中的一个类数组对象,它代表传给一个正在执行的函数 ...
Javascript window 对象 + 浮动广告
window 浏览器窗口对象, 不用创建就能使用 1.属性 status opener closed parent 父窗体 top 顶层窗体 2.方法 alert(); confirm(); prom ...
JavaScript Window Screen
JavaScript是一种广泛使用的客户端脚本语言,用于在网页中实现动态效果和交互功能.JavaScript可以使用浏览器提供的API来访问和操作网页中的各个元素,例如文本框.按钮.图片等.其中,Wi ...
js的window对象与属性的使用
1.BOM的概述 browser object modal :浏览器对象模型. 浏览器对象:window对象. Window 对象会在 <body> 或 <f ...
JavaScript基础12-day14【DOM查询(获取元素节点、获取元素节点的子节点)、全选练习、DOM增删改、DOM添加删除记录、Window对象方法】
学习地址: 谷粒学院--尚硅谷哔哩哔哩网站--尚硅谷最新版JavaScript基础全套教程完整版(140集实战教学,JS从入门到精通) JavaScript基础.高级学习笔记汇总表[尚硅谷最新版Ja ...

【JavaScript】Window对象学习

Javascript组成

window对象

【JavaScript】Window对象学习相关推荐

最新文章

热门文章