关于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返回对当前窗口的引用


相关文章
|
3月前
|
消息中间件 监控 Java
Apache Kafka 分布式流处理平台技术详解与实践指南
本文档全面介绍 Apache Kafka 分布式流处理平台的核心概念、架构设计和实践应用。作为高吞吐量、低延迟的分布式消息系统,Kafka 已成为现代数据管道和流处理应用的事实标准。本文将深入探讨其生产者-消费者模型、主题分区机制、副本复制、流处理API等核心机制,帮助开发者构建可靠、可扩展的实时数据流处理系统。
404 4
|
4月前
|
机器学习/深度学习 算法 数据可视化
基于YOLOv8的无人机航拍树木目标检测系统|精准识别【含完整训练源码+部署教程】
本项目基于YOLOv8构建了一个支持无人机航拍图像的棕榈树目标检测系统,兼具高精度识别能力与友好的图形化交互界面。通过结合PyQt5,实现了图片、视频、摄像头等多种输入方式的检测体验,极大提升了项目的实用性与可扩展性。
基于YOLOv8的无人机航拍树木目标检测系统|精准识别【含完整训练源码+部署教程】
|
SQL JavaScript 关系型数据库
号称下一代Node.js,Typescript以及go的orm的prisma 浅谈如何在nest.js中使用
号称下一代Node.js,Typescript以及go的orm的prisma 浅谈如何在nest.js中使用
号称下一代Node.js,Typescript以及go的orm的prisma 浅谈如何在nest.js中使用
|
JavaScript 前端开发
|
图形学
【制作100个unity游戏之23】实现类似七日杀、森林一样的生存游戏14(附项目源码)
【制作100个unity游戏之23】实现类似七日杀、森林一样的生存游戏14(附项目源码)
215 3
|
缓存 JavaScript 测试技术
如何创建一个VUE3项目并使用Element UI插件
如何创建一个VUE3项目并使用Element UI插件
290 1
|
缓存 编译器 API
NumPy与其他语言(如C/C++)的接口实践
【4月更文挑战第17天】本文介绍了NumPy与C/C++的接口实践,包括Python与C/C++交互基础、NumPy的C API和Cython的使用。通过案例展示了如何将C++函数与NumPy数组结合,强调了内存管理、类型匹配、错误处理和性能优化的最佳实践。掌握这些技能对于跨语言交互和集成至关重要。
|
运维 应用服务中间件 数据库
深入解析现代运维中的自动化工具应用
在现代运维领域,自动化工具成为提高工作效率和降低人为错误的关键因素。本文将探讨几种常见的运维自动化工具,它们的功能、优势及其在实际应用中的案例,以期为运维人员提供有价值的参考。
251 0
|
算法 网络协议 数据建模
【计算机网络】—— IP协议及动态路由算法(上)
【计算机网络】—— IP协议及动态路由算法(上)
811 0
|
存储 数据库 流计算
TDengine 资深研发分享解决思路,长查询不再成为系统性能瓶颈!
本文探讨了如何应对和解决长查询问题,以提升 TDengine 在复杂查询场景下的表现。
302 0