• 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常用模块介绍
  • Python科学计算之NumPy入门教程
  • python装饰器与递归算法详解
  • Python爬虫利用cookie实现模拟登陆实例详解
  • python subprocess 杀掉全部派生的子进程方法
  • python使用urllib2模块获取gravatar头像实例
  • 浅谈Python的文件类型
  • python根据开头和结尾字符串获取中间字符串的方法
  • 由浅入深讲解python中的yield与generator

文章分类

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

最近更新的内容

    • Python易忽视知识点小结
    • python 数据清洗之数据合并、转换、过滤、排序
    • 修改Python的pyxmpp2中的主循环使其提高性能
    • python实现博客文章爬虫示例
    • python网络编程调用recv函数完整接收数据的三种方法
    • Python使用scrapy采集时伪装成HTTP/1.1的方法
    • Python脚本实现DNSPod DNS动态解析域名
    • python list语法学习(带例子)
    • python判断给定的字符串是否是有效日期的方法
    • Python切换pip安装源的方法详解

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

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