关于window对象

简介: 关于window对象

window对象

- navigator(导航器对象)

  • appCodeName:返回浏览器的代码名
  • appName:返回浏览器的名称
  • appVersion:返回浏览器的平台和版本信息
  • cookieEnabled:返回指明浏览器中是否禁用cookie的布尔值
  • platform:返回浏览器的操作系统平台
  • userAgent:返回由客服机发给服务器的user-agent头部的值

- screen(显示器对象)

  • avaiHeight:返回显示屏幕的可用高度
  • avaiWidth:返回显示屏幕的可用宽度
  • height:返回屏幕的像素高度
  • width:返回屏幕的像素宽度
  • colorDepth:返回屏幕颜色的位数

- history(历史对象)

  • back:返回前一个URL
  • forward:返回下一个URL
  • go:返回一个具体页面

- location(位置对象)

  • 属性
  1. hash:设置或返回从井号开始的URL
  2. host:设置或返回主机名和当前URL的端口号
  3. hostname:设置或返回当前URL的主机名
  4. href:设置或返回完整的URL
  5. pathName:设置或返回当前URL的路径部分
  6. port:设置或返回当前URL的端口号
  7. protocol:设置或返回当前URL的协议
  8. serach:设置或返回从问号开始的URL
  • 方法
  1. assign(URL):加载新的文档
  2. reload():重新加载当前页面
  3. replace(newURL):用新的文档替换当前文档

- document(文档对象)

  • 集合
  1. anchors【】:描点对象数组
  2. images【】:图片对象数组
  3. links【】:连接对象数组
  4. forms【】:表单对象数组
  • 属性
  1. cookie:设置或返回与当前文档所有有关的cookie
  2. domain:返回当前文档的域名
  3. referrer:返回载入当前文档的URL
  4. title:返回当前文档的标题
  5. URL:返回当前文档的URL
  • 方法
  1. open():打开一个新的文档并擦出旧文档的内容
  2. close():关闭文档输出流
  3. write():向当前文档追加写入文本
  4. writeln():宇write()相同在“<pre”>中会追加换行


- 窗口控制

  • moveBy
    语法:moveBy(水平位移量,垂直位移量)
    功能:按照给定像素参数移动指定窗口
  • moveTo
    语法:moveTo(x,y)
    功能:功能将窗口移动到指定的指定坐标(x,y)处
  • resizeBy
    语法:resizeBy(水平,垂直)
    功能:将当前窗口改变指定的大小(x,y)当x、y的值大于0时为扩大当x、y的值小于0时为缩小
  • resizeTo
    语法:resizeTo(水平宽度,垂直宽度)
    功能:将当前窗口改变成((x,y)大小,x、y分别为宽度和高度
  • scrollBy
    语法:scrollBy(水平位移量。垂直位移量)
    功能:将窗口中的内容按给定的位移量滚动 参数为正数时,正向滚动,否则反向滚动
  • scrollTo
    语法:scrollTo(x,y)
    功能:将窗口中的内容滚动到指定位置


- 焦点控制

  • focus:得到焦点
  • blur:移出焦点


- 打开窗口(open)

  • 语法: open("“URL”",“窗口名称”"。“窗口风格”")
  • 功能: 打开一个新的窗口,并在窗口中装载指定URL地址的网页
  • 窗口风格:
  1. height数值-窗口高度-不能小于100
  2. width数值-窗口宽度不能小于100
  3. left数值窗口左坐标不能为负值
  4. top-数值窗口上坐标-不能为负值
  5. location yes/no是否显示地址栏
  6. menubar yes/nor是否显示菜单栏
  7. resizableyes/nor是否可以改变窗口大小
  8. scrollbars yes/no否允许出现滚动条
  9. status yes/ no是否显示状态栏
  10. toolbaryes/ no是否显示工具栏


- 关闭窗口(close)

  • 语法: close()
  • 功能: 自动关闭浏览器窗口


- 定时器

  • setTimeout
    语法:语法 setTimeout(执行代码,毫秒数)
    功能:当到了指定的毫秒数后。自动执行功能代码语法
    clearTimeout
    语法:clearTimeout(定时器)
    功能:取消由setTimeout()没置的定时器
  • setInterval
    语法:setInterval(重复执行的代码,毫秒数)
    功能:按指定周期重复执行功能代码
  • clearInterval
    语法:clearInterval(时间间隔器)
    功能:取消由setInterval()设置的时间间隔器


- 对话框

  • alert
    语法: alert("“提示字符串”")
    功能: 弹出一个警告框,在警告框内显示提示字符串文本
  • confirm
    语法: confirm(“提示字符串”")
    功能: 显示一个确认框,在确认框内显示提示字符串 当用户单击"确定"“按钮时该返回true 单击”"取消“时返回false
  • prompt
    语法: prompt("“提示字符串”"。““缺省文本”")
    功能: 显示一个输入框。在输入框内显示提示字符串 在输入文本框显示缺省文本,并等特用户输入 当用户单击“确定按钮时,返回用户输入的字符串当单击“取消""按钮时,返回nul值


- 属性

  • 状态栏
  1. defaultStatus:改变浏览器状态栏的默认显示
  2. status:临时改变浏览器状态栏的显示
  • 窗口位置IE
  1. screenLeft:声明窗口的左上角的X坐标
  2. screenTop:声明窗口的左上角的Y坐标
  3. document.body.scrollLeft document.documentElement.scrollLeft:声明当前文档向右滚动过的像素数
  4. document.body.scrollTop document.documentElement.scrollTop:声明当前文档向下滚动过的像素数
  • !IE
  1. screenx 声明窗口的左上角的X坐标
  2. screenYr声明窗口的左上角的Y坐标
  3. pageXOffset声明当前文档向右滚动过的像素数
  4. pageYoffset声明当前文档向下滚动过的像素数
  • FF
  1. innerHeight返回窗口的文档显示区的高度
  2. innerwidthr返回窗口的文档显示区的宽度
  3. outerHeight返回窗口的外部高度
  4. outerWidth返回窗口的外部宽度
  • 其他属性
  1. opener:可以实现同域名下跨窗体之间的通讯 一个窗体要包含另一个窗体的
  2. closed当前窗口关闭时返回true
  3. name设置或返回窗口的名称
  4. self返回对当前窗口的引用


相关文章
N..
|
2月前
|
JavaScript 前端开发 UED
DOM的window对象
DOM的window对象
N..
10 1
|
JavaScript 前端开发
JavaScript创建对象的一系列方式及全局对象window
JavaScript创建对象的一系列方式及全局对象window
222 0
JavaScript创建对象的一系列方式及全局对象window
|
存储 JavaScript 前端开发
【JavaScript】19_window对象
# 12、window对象 Window对象 - 在浏览器中,浏览器为我们提供了一个window对象,可以直接访问 - window对象代表的是浏览器窗口,通过该对象可以对浏览器窗口进行各种操作 除此之外window对象还负责存储JS中的内置对象和浏览器的宿主对象 - window对象的属性可以通过window对象访问,也可以直接访问 - 函数就可以认为是window对象的方法 **向window对象中添加的属性会自动成为全局变量** var 用来声明变量,作用和let相同,但是var不具有块作用域 - **在全局中使用var声明的变量,都会作为window对象的属性保存*
75 0
|
JavaScript 前端开发
BOM中window对象的其他方法
BOM中window对象的其他方法 前两篇博客一直在讲window对象的方法,现在将剩下的其他方法以此进行讲解。 HTML代码: &lt;button&gt;open()&lt;/button&gt; &lt;button&gt;close()&lt;/button&gt; &lt;button&gt;focus()&lt;/button&gt; &lt;button&gt;print()&lt;/button&gt; &lt;br&gt; &lt;button&gt;resizeTo()&lt;/button&gt; &lt;button&gt;resizeBy()&lt;/button&gt; &lt;button&gt;moveTo()&lt;/button&gt; &lt;button&gt;mo
|
缓存 JavaScript 前端开发
BOM中window对象的属性
BOM中window对象的属性 这篇博客主要介绍一下BOM中的window对象的属性。 HTML代码: &lt;a href=&quot;http://www.baidu.com&quot;&gt;百度一下&lt;/a&gt; &lt;iframe src=&quot;&quot; frameborder=&quot;1&quot; id=&quot;frame1&quot; name=&quot;frame_1&quot;&gt;&lt;/iframe&gt; &lt;iframe src=&quot;&quot; frameborder=&quot;1&quot; name=&quot;frame_2&quot;&gt;&lt;/iframe&gt; &lt;iframe src=&quot;&quot; frameborder=&quot;1&quot; name=&quot;frame_3&quot;&gt;&lt;/iframe&gt; &lt;ifra
|
JavaScript
BOM中window对象的方法之计时器
BOM中window对象的方法之计时器 前面讲到了window对象的弹窗方法,现在来讲一下计时器方法。 // setInterval(function(){},time,参数,参数) 按照指定的周期(以毫秒计)来调用函数或计算表达式。 var i=0; var timer=setInterval(function(){ i++; console.log(i); }, 1000); // clearInterval(定时器的名称) 取消由 setInterval() 设置的 timeout。 document.
|
JavaScript
BOM中window对象的方法之弹窗
BOM中window对象的方法之弹窗 之前介绍了window对象的属性,接下来说一说window对象的方法。当然方法有好些,这里主要讲一下window对象的弹窗方法。 // alert() 显示带有一段消息和一个确认按钮的警告框。 window.alert(&quot;这是是一个警告框&quot;); // confirm() 显示带有一段消息以及确认按钮和取消按钮的对话框。 返回值 true false var sure=window.confirm(&quot;确认要离开吗?&quot;); console.log(sure); // prompt(&quot;提示文本&quot;
|
前端开发 JavaScript 数据安全/隐私保护
58、window 对象
浏览器里面,window对象(注意,w为小写)指当前的浏览器窗口。它也是当前页面的顶层对象,即最高一层的对象,所有其他对象都是它的下属。一个变量如果未声明,那么默认就是顶层对象的属性。
197 0