>>分享Web前端开发技术,并对孙卫琴的《精通Vue.js:Web前端开发技术详解》提供技术支持 书籍支持  卫琴直播  品书摘要  在线测试  资源下载  联系我们
发表一个新主题 开启一个新投票 回复文章 您是本文章第 26324 个阅读者 刷新本主题
 * 贴子主题:  JavaScript的window.screen对象 回复文章 点赞(0)  收藏  
作者:flybird    发表时间:2020-01-31 00:02:01     消息  查看  搜索  好友  邮件  复制  引用

  

JavaScript的window.screen对象

window.screen 对象包含有关用户屏幕的信息。

Window Screen

window.screen对象在编写时可以不使用 window 这个前缀。

一些属性:
  • screen.availWidth - 可用的屏幕宽度
  • screen.availHeight - 可用的屏幕高度

Window Screen 可用宽度

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

范例

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


<script>
   document.write("可用宽度: " + screen.availWidth);
</script>

以上代码输出为:

document.write("可用宽度: " + screen.availWidth);

Window Screen 可用高度

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

范例

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


<script>
   document.write("可用高度: " + screen.availHeight);
</script>

以上代码将输出:

document.write("可用高度: " + screen.availHeight);



程序猿的技术大观园:www.javathinker.net



[这个贴子最后由 sunshine 在 2020-02-02 11:47:29 重新编辑]
  Java面向对象编程-->Java常用类(上)
  JavaWeb开发-->Web运作原理(Ⅲ)
  JSP与Hibernate开发-->数据库事务的并发问题的解决方案
  Java网络编程-->RMI框架
  精通Spring-->Vue指令
  Vue3开发-->绑定表单
  webpack常用插件
  不可错过的几种JS优化技巧
  前端面试官指导前端面试攻略
  总结:Vue的生命周期钩子函数的调用时机
  JS 循环删除数组
  jQuery 效果:隐藏和显示
  JavaScript的HTML DOM td / th 对象
  HTML DOM Li 对象
  CSS3 2D 转换
  CSS处理透明/不透明图像
  JavaScript Array(数组)对象
  JavaScript 函数参数
  jQuery Mobile 安装
  非常实用的CSS样式
  一文读懂前端技术演进:盘点Web前端20年的技术变迁史
  更多...
 IPIP: 已设置保密
楼主      
1页 0条记录 当前第1
发表一个新主题 开启一个新投票 回复文章


中文版权所有: JavaThinker技术网站 Copyright 2016-2026 沪ICP备16029593号-2
荟萃Java程序员智慧的结晶,分享交流Java前沿技术。  联系我们
如有技术文章涉及侵权,请与本站管理员联系。