DOM对象之Window

最新推荐文章于 2024-05-27 10:05:25 发布
最新推荐文章于 2024-05-27 10:05:25 发布
阅读量604 收藏 1
点赞数 1
分类专栏： JS 文章标签： JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ITShang/article/details/53326747
版权

特别提示：如果谷歌浏览器有些方法无法实现，比如moveBy，可以换成IE浏览器试试。

Window 对象的属性

属性描述IEFO
closed返回窗口是否已被关闭。419
defaultStatus设置或返回窗口状态栏中的默认文本。4No9
document对 Document 对象的只读引用。请参阅 Document 对象。419
history对 History 对象的只读引用。请参数 History 对象。419
innerheight返回窗口的文档显示区的高度。NoNoNo
innerwidth返回窗口的文档显示区的高度。NoNoNo
length设置或返回窗口中的框架数量。419
location用于窗口或框架的 Location 对象。请参阅 Location 对象。419
name设置或返回窗口的名称。419
Navigator对 Navigator 对象的只读引用。请参数 Navigator 对象。419
opener返回对创建此窗口的窗口的引用。419
outerheight返回窗口的外部高度。NoNoNo
outerwidth返回窗口的外部宽度。NoNoNo
pageXOffset设置或返回当前页面相对于窗口显示区左上角的 X 位置。NoNoNo
pageYOffset设置或返回当前页面相对于窗口显示区左上角的 Y 位置。NoNoNo
parent返回父窗口。419
Screen对 Screen 对象的只读引用。请参数 Screen 对象。419
self返回对当前窗口的引用。等价于 Window 属性。419
status设置窗口状态栏的文本。4No9
top返回最顶层的先辈窗口。419
windowwindow 属性等价于 self 属性，它包含了对窗口自身的引用。419
  • screenLeft
  • screenTop
  • screenX
  • screenY
只读整数。声明了窗口的左上角在屏幕上的的 x 坐标和 y 坐标。IE、Safari 和 Opera 支持 screenLeft 和 screenTop，而 Firefox 和 Safari 支持 screenX 和 screenY。419

方法描述IEFO
alert()显示带有一段消息和一个确认按钮的警告框。419
blur()把键盘焦点从顶层窗口移开。419
clearInterval()取消由 setInterval() 设置的 timeout。419
clearTimeout()取消由 setTimeout() 方法设置的 timeout。419
close()关闭浏览器窗口。419
confirm()显示带有一段消息以及确认按钮和取消按钮的对话框。419
createPopup()创建一个 pop-up 窗口。4NoNo
focus()把键盘焦点给予一个窗口。419
moveBy()可相对窗口的当前坐标把它移动指定的像素。419
moveTo()把窗口的左上角移动到一个指定的坐标。419
open()打开一个新的浏览器窗口或查找一个已命名的窗口。419
print()打印当前窗口的内容。519
prompt()显示可提示用户输入的对话框。419
resizeBy()按照指定的像素调整窗口的大小。419
resizeTo()把窗口的大小调整到指定的宽度和高度。41.59
scrollBy()按照指定的像素值来滚动内容。419
scrollTo()把内容滚动到指定的坐标。419
setInterval()按照指定的周期（以毫秒计）来调用函数或计算表达式。419
setTimeout()在指定的毫秒数后调用函数或计算表达式。419


案例1：
confirm 

<body>
	<input type="button" value="del" οnclick="del()"/>
</body>
<script type="text/javascript">
	function del(){
		if(window.confirm("are you sure?"))
		{
			document.write("del");
		}
		else{
			document.write("no");
		}
	}
</script>
询问是否删除。

案例2：
moveBy 

function move(){
		window.moveBy(10,10);
	}
用IE浏览器看效果。


案例3
setInterval
每隔多少毫秒执行一次
可返回唯一的id值 
function interval()
	{
		window.setInterval("run1()", 1000);
	}



案例4
setTimeout
到了毫秒值执行一次 
function timeout(){
		window.setTimeout("run1()", 3000);
	}


案例5
clearInterval 
var m;
function interval()
	{
		m=window.setInterval("run1()", 1000);
	}
function stop(){
		window.clearInterval(m);
	}

案例6
open 
<input type=button value="Open Window" οnclick="o()" />


function o() 
	{
		window.open("http://www.baidu.com");
	}
提示：这里函数名不能取名为open，否则无法打开。




一抔石楠花
关注
专栏目录
window：导出jsdom窗口对象
02-06
导出jsdom窗口对象。 这对于使浏览器模块能够在Node.js中运行或在任何Node.js测试框架中测试浏览器模块很有用。 需要Node.js v6或更高版本，请使用window@3支持较旧的Node.js版本。 安装 npm install --save ...
JS Window对象的属性和方法
songhongrun2010的专栏
01-04 1800
Window 对象属性 属性 描述 IE F O closed 返回窗口是否已被关闭。 4
海康视频H5插件 v2.0.0开发总结
pixle的博客
10-04 6280
海康视频h5插件开发教程，封装好组件分享
HTML DOM对象的属性和方法介绍
annijie7175的博客
01-18 272
HTML DOM对象的属性和方法介绍 DOM 是 Document Object Model（文档对象模型）的缩写。 DOM（文档对象模型）是针对HTML和XML文档的一个API（应用程序编程接口），它允许程序和脚本动态地访问和更新文档的内容，结构和样式。 W3C DOM 标准被分为 3 个不同的部分： 核心 DOM - 针对任何结构化文档的标准模型 XML DOM - 针...
HTML 对象常用属性
Wally_Lee的专栏
08-24 977
标签属性 属性 描述 ALIGN align 设置或获取表格排列。 ALLOWTRANSPARENCY allowTransparency 设置或获取对象是否可为透明。 APPLICATION APPLICATION 表明对象的内容是否为 HTML 应用程序(HTA)，以便免除浏览器安全模式。 ATOMICSELECTION 指定元素及其内容是否可以一不可见单位统一选择。 BEGIN be
从零开始学前端 - 24. JS BOM之Window对象详解及常用方法
qq_39506551的博客
08-07 962
从零开始学前端 - 24. JS BOM之Window对象详解及常用方法   Window 是 BOM 的核心对象，它表示浏览器的一个实例。在浏览器中，Window 对象既是通过 JS 访问浏览器窗口的一个接口，又是 ECMAScript 规定的 Global 对象。 一、 window 相关知识点 1、全局作用域 2、窗口关系及框架 父页面操纵子页面 子页面操纵父页面 3、窗口位置 4、窗口大小 5、打开窗口 6、 定时器 7、弹出框 8、滚动条 二、window 常用属性 三、window 常用方法
JavaScript——DOM操作——Window.document对象详解
10-21
下面小编就为大家带来一篇JavaScript——DOM操作——Window.document对象详解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
IE之动态添加DOM节点触发window.resize事件
09-05
在标签中提到的“DOM window.resize 事件”是本次讨论的核心内容，即文档对象模型（DOM）在IE特定版本中对window.resize事件的响应情况，这可能与现代浏览器，如FF（Firefox）和Chrome的表现有所不同。 从【部分...
038HTML-DOM对象.doc
11-30
DHTML 对象模型如图－1 所示，包括 window 对象、document 对象、screen 对象、history 对象、location 对象、navigator 对象等。 2.1.2. screen 对象 screen 对象每个 Window 对象的 screen 属性都引用一个 Screen...
DOM基础教程之事件对象
09-03
事件对象是DOM中一个重要的概念，它封装了与特定事件相关的信息，如事件类型、触发事件的元素、鼠标位置等。本文将深入探讨DOM中的事件对象及其在不同浏览器中的实现差异。 在IE浏览器中，事件对象是全局window对象...
HTML BOM(window对象的总结)
ZiXiaweb的博客
09-13 1116
什么是BOM？ BOM，Browser Object Model 即浏览器对象模型。浏览器页面初始化时，会在内存创建一个全局对象，用来描述当前窗口的属性和状态，这个全局对象被称为浏览器对象模型。 不同于DOM的标准化组织是W3C，JavaScript的语法标准化组织是ECMA，BOM没有官方标准，对于现代浏览器，每个浏览器都有自己的BOM实现方法，所以直接使用BOM会有兼容性问题。 BOM包含哪些内容? BOM有一个核心对象window，window对象包含了6大核心模块，分别是： document对象
关于window对象，熬夜整理最全面的HTML字符实体
2301_78850344的博客
04-05 904
资料过多，篇幅有限，需要文中全部资料可以点击这里免费获取前端面试资料PDF完整版！自古成功在尝试。不尝试永远都不会成功。勇敢的尝试是成功的一半。[外链图片转存中…(img-q33gs83I-1712300527540)][外链图片转存中…(img-I06JMXAl-1712300527540)]资料过多，篇幅有限，需要文中全部资料可以点击这里免费获取前端面试资料PDF完整版！自古成功在尝试。不尝试永远都不会成功。勇敢的尝试是成功的一半。
html window 属性,html中window对象top 、self 、parent 等属性
weixin_39870238的博客
06-04 1437
top 属性返回最顶层的先辈窗口。该属性返回对一个顶级窗口的只读引用。如果窗口本身就是一个顶级窗口，top 属性存放对窗口自身的引用。如果窗口是一个框架，那么 top 属性引用包含框架的顶层窗口。下面的例子窗口是否在一个框架中，如果是，则跳出框架：function breakout(){if (window.top!=window.self) {window.top.location="tryjs...
html window 属性,HtmlWindow.DomWindow 属性 (System.Windows.Forms) | Microsoft Docs
weixin_39906906的博客
06-04 237
获取此类包装的非托管接口。Gets the unmanaged interface wrapped by this class.public:property System::Object ^ DomWindow { System::Object ^ get(); };public object DomWindow { get; }member this.DomWindow : objPublic...
详解HTML中的window对象和document对象
诸葛苍穹
04-16 1695
Window -- 代表浏览器中一个打开的窗口： 对象属性 　　window //窗口自身 　　window.self //引用本窗户window=window.self 　　window.name //为窗口命名 　　window.defaultStatus //设定窗户状态栏信息 　　window.location //URL地址，配备布置这个属性可以打开新的页面 对象方法 　　window.a
HTML弹窗传值window.open()传值
hzp666的博客
02-20 4487
1、带参数打开新窗口 $window.open("/bdfence/bdfence-division/bdfence.html?vehicleId="+ id  ); 2、获取参数 var afterUrl =  window.location.search.substring(1);(问号以后的字符串) var afterEqu
了解 HTML 中的window、document、body和元素的尺寸及位置
最新发布
一名全栈开发工程师
05-27 838
本文将详细介绍与窗口（window）、文档（document）、主体（body）以及其他 HTML 元素的尺寸和位置相关的属性及方法。
HTML5权威指南——使用window对象
gyypwrs的博客
12-06 1681
1.获取window对象 获取window对象有两种方式一个是document.defaultView,一种是全局变量window var width = window.outerWidth var height = document.defaultView.height 2.获取窗口信息 特别的是window.screen对象还有以下几个属性值 3.与窗口进行交互 谨慎使用以下的几个功能吧，窗口的控制应该由用户来决定 4.对用户进行提示 对用户进行提示的这几个方法我好像在学之初都用过，就
JavaScript DOM操作：Window对象的open方法详解
"Window对象的open方法是JavaScript中用于打开新窗口的重要函数，它允许开发者在指定的新窗口中加载URL地址。此方法的基本语法为`window.open(“URL”,”name”,”style”);`其中，URL参数是待加载的网页地址，name...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值