• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • vbs
  • DOS/BAT
  • hta/htc
  • python
  • perl
  • VBA
  • ColdFusion
  • ruby
  • PowerShell
  • Lua
  • Golang
  • linux shell
您的位置:首页 > 脚本语言 >python > 详解JavaScript编程中的window与window.screen对象

详解JavaScript编程中的window与window.screen对象

作者:goldensun 字体:[增加 减小] 来源:互联网

goldensun 通过本文主要向大家介绍了javascript详解,javascript详解pdf,javascript screen,javascript window,javascript中window等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

Window 对象
所有浏览器都支持 window 对象。它表示浏览器窗口。
所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。
全局变量是 window 对象的属性。
全局函数是 window 对象的方法。
甚至 HTML DOM 的 document 也是 window 对象的属性之一:

window.document.getElementById("header");
</div>

与此相同:

document.getElementById("header");
</div>

Window 尺寸
有三种方法能够确定浏览器窗口的尺寸(浏览器的视口,不包括工具栏和滚动条)。
对于Internet Explorer、Chrome、Firefox、Opera 以及 Safari:

  • window.innerHeight - 浏览器窗口的内部高度
  • window.innerWidth - 浏览器窗口的内部宽度

对于 Internet Explorer 8、7、6、5:

  • document.documentElement.clientHeight
  • document.documentElement.clientWidth

或者

  • document.body.clientHeight
  • document.body.clientWidth

实用的 JavaScript 方案(涵盖所有浏览器):

实例

var w=window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;

var h=window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;

</div>

该例显示浏览器窗口的高度和宽度:(不包括工具栏/滚动条)

Window Screen
window.screen对象在编写时可以不使用 window 这个前缀。
一些属性:

  • screen.availWidth - 可用的屏幕宽度
  • screen.availHeight - 可用的屏幕高度
  • Window Screen 可用宽度
  • screen.availWidth 属性返回访问者屏幕的宽度,以像素计,减去界面特性,比如窗口任务栏。

实例

返回您的屏幕的可用宽度:

<script>

document.write("Available Width: " + screen.availWidth);

</script>

</div>

以上代码输出为:

Available Width: 1440
</div>

Window Screen 可用高度
screen.availHeight 属性返回访问者屏幕的高度,以像素计,减去界面特性,比如窗口任务栏。
实例
返回您的屏幕的可用高度:

<script>

document.write("Available Height: " + screen.availHeight);

</script>

</div>

以上代码将输出:

Available Height: 860
</div>

</div>

您可能想查找下面的文章:

  • 详解JavaScript编程中的window与window.screen对象
  • 详解JavaScript编程中的window与window.screen对象

相关文章

  • Python列表切片用法示例
  • Python读大数据txt
  • 怎样使用Python脚本日志功能
  • 推荐下python/ironpython:从入门到精通
  • 操作Windows注册表的简单的Python程序制作教程
  • Python实现网络端口转发和重定向的方法
  • 基于python的Tkinter实现一个简易计算器
  • 使用Python写CUDA程序的方法
  • 利用Python自动监控网站并发送邮件告警的方法
  • python中的五种异常处理机制介绍

文章分类

  • vbs
  • DOS/BAT
  • hta/htc
  • python
  • perl
  • VBA
  • ColdFusion
  • ruby
  • PowerShell
  • Lua
  • Golang
  • linux shell

最近更新的内容

    • python socket网络编程步骤详解(socket套接字使用)
    • python正则表达式去掉数字中的逗号(python正则匹配逗号)
    • python算法学习之基数排序实例
    • Python获取apk文件URL地址实例
    • Python编写检测数据库SA用户的方法
    • 用Python编写一个简单的Lisp解释器的教程
    • python通过BF算法实现关键词匹配的方法
    • tensorflow模型保存、加载之变量重命名实例
    • Python批量修改文件后缀的方法
    • Python 中的 else详解

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有