[转]了解screen对象的常用视图属性

【[转]了解screen对象的常用视图属性】的更多相关文章

了解screen对象的常用视图属性

前面的话 screen对象基本上只用来表明客户端的能力,其中包括浏览器窗口外部的显示器的信息,如像素高度和宽度等.每个浏览器中的screen对象都包含着各不相同的属性.本文将详细介绍screen对象的常用视图属性 width width属性表示屏幕的像素宽度 height height属性表示屏幕的像素高度 //chrome:1080 1920 //IE/firefox/safari:864 1536 console.log(screen.height,screen.width); avaiWi…

[转]了解screen对象的常用视图属性

前面的话 screen对象基本上只用来表明客户端的能力,其中包括浏览器窗口外部的显示器的信息,如像素高度和宽度等.每个浏览器中的screen对象都包含着各不相同的属性.本文将详细介绍screen对象的常用视图属性 width width属性表示屏幕的像素宽度 height height属性表示屏幕的像素高度 //chrome:1080 1920 //IE/firefox/safari:864 1536 console.log(screen.height,screen.width); availW…

JavaScript BOM-11-BOM的核心-window对象; window对象的控制,弹出窗口方法; 超时调用; 间歇调用; location对象常用属性; 位置操作--location.reaplace,location.reload(); BOM中的history对象; Screen对象及其常用属性; Navigator对象;

JavaScript BOM 学习目标 1.掌握什么是BOM 2.掌握BOM的核心-window对象 3.掌握window对象的控制.弹出窗口方法什么是bom BOM(browser object model)浏览器对象模型 window Window是浏览器的一个实例,在浏览器中,window对象有双重角色,它既是通过JavaScript访问浏览器窗口的一个接口,又是ECMAScript规定的Global对象 Window对象的方法语法:window.alert(“content”) 功能…

JavaScript中screen对象的两个属性

Screen 对象 Screen 对象包含有关客户端显示屏幕的信息. 这里说一下今天用到的两个属性:availHeigth,availWidth avaiHeigth返回显示屏幕的高度 (除 Windows 任务栏之外). 语法:screen.availHeigth 实例: <html> <body> <script type="text/javascript"> document.write("<p>Available Hei…

javascript中的screen对象

screen对象通常包含下列属性(许多浏览器都加入了自己的属性): 1.availHeight : 窗口可以使用的屏幕的高度(以像素计)其中包括操作系统元素(如window工具栏)需要的空间. 2.availWidth : 窗口可以使用的屏幕的宽度(以像素计). 3.colorDepth : 用户表示的颜色的位数,大多数系统采用32位的. 4.height :屏幕的高度,以像素计算. 5.width : 屏幕的宽度,以像素计算. 确定新窗口的大小时,availHeight和availWidth…

JavaScript常用对象的方法和属性

---恢复内容开始--- 本文将简单介绍JavaScript中一些常用对象的属性和方法,以及几个有用的系统函数. 一.串方法 JavaScript有强大的串处理功能,有了这些串方法,才能编写出丰富多彩的网页.在这一部分里,我们将介绍到如何使用与串对象有关的方法和属性. 1.串对象的length属性串对象仅有一个属性length,这个属性值表示这个串所包括字符的相对数目.语法为: stringName.length 2.串对象的方法 JavaScript提供了多个串方法以帮助控制显示信息.串方法…

视图属性+对象动画组件ViewPropertyObjectAnimator

视图属性+对象动画组件ViewPropertyObjectAnimator ViewPropertyObjectAnmator组件是一款对象动画(ObjectAnimator)封装组件.它将视图属性动画(ViewPropertyAnimator)的易用性和对象动画(ObejctAnimator)的强大功能结合在一起.同时,该组件还支持额外的动画属性,如视图的尺寸.外边距.内边距.滚动等.…

dom对象常用的属性和方法有哪些？

dom对象常用的属性和方法有哪些? 一.总结一句话总结: 1.document属性和方法:document的属性有head,body之类,方法有各种获取element的方法 2.element的属性和方法:属性比如style,innerHTML和固有属性,方法比如各种动态操作元素,比如createElement,还有操作属性的set.get.remove.create解Attribute 3.attribute的属性和方法:有点包含在element里面的感觉 1.我们熟知location是wi…

screen对象及属性(availWidth、availHeight)

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" con…

JavaScript对象的常用属性及使用

什么是浏览器对象模型? 浏览器对象模型(BOM Browser Object Model)是JavaScript的组成之一,它提供了独立于内容和浏览器窗口进行交互的对象,使用浏览器对象模型可以实现与HTML的交互. JavaScript中对象分为: 本地对象(native object).内置对象(built-in object).宿主对象(host object).其中本地对象和宿主对象大家一般用的比较多. 使用BOM(浏览器对象模型)可以实现什么功能? (1)弹出新的浏览器窗口 (2)移动.…

JS window对象 screen对象 screen对象用于获取用户的屏幕信息。语法： window.screen.属性

screen对象 screen对象用于获取用户的屏幕信息. 语法: window.screen.属性对象属性:…

DOM对象常用对象的方法和属性

HTML文档中的常用节点类型: 接口 nodeType 备注 Element 1 元素节点 Text 3 文本节点 Document 9 Document Comment 8 注释文本 DocumentFragment 11 Document片段 Attribute 2 节点属性常用的Document的方法: 方法描述 createAttribute() 用指定的名字创建新的Attribute节点 createComment() 用指定的字符串创建新的Comment节点 create…

javascript - 所有的视图属性和方法（offsetHeight、clientHeight、scrollHeight、innerHeight等）

注意:本文只简单的介绍了各个视图的属性和方法.如果想要知道兼容性或者更多,请至文章底部参考链接处. 本文内容分为五大部分: Window视图属性 innerHeight 和 innerWidth outerHeight 和 outerWidth pageXOffset 和 pageYOffset screenX 和 screenY Screen视图属性 availWidth 和a vailHeight colorDepth pixelDepth width 和 height 文档视图(Docum…

javascript中常用坐标属性offset、scroll、client

原文:javascript中常用坐标属性offset.scroll.client 今天在学习js的时候觉得这个问题比较容易搞混,所以自己画了一个简单的图,并且用js控制台里面输出测试了下,便于理解. 1.在文档(document)对象里面用: scrollWidth/Height:获取对象的滚动宽度(滚动条可以滚动的宽度,相当于整个页面的总宽度的样子--网页正文全宽) scrollLeft/Top:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离(页面利用滚动条滚动到右边时,隐藏在…

BOM 浏览器对象模型_window 对象的常见 window.属性_window.方法

1. 常用属性 window.devicePixelRatio 像素比 = css / 物理像素 window.scrollX,window.scrollY 滚动条卷曲距离 if (window.scrollY < 75) { window.scroll(0, 75); } 获取浏览器组件对象 window.locationbar 地址栏对象 window.menubar 菜单栏对象 window.scrollbars 窗口的滚动条…

BOM之screen对象

前面的话 screen对象在javascript编程中,比较冷门,不太常用.screen对象用来表明客户端的能力,其中包括浏览器窗口外部的显示器的信息,如像素高度和宽度等.本文将详细介绍screen对象总括每个浏览器中的screen对象都包含着各不相同的属性,其中chrome包含9个属性,firefox包含10个,IE8-浏览器包含14个,IE9+浏览器包含17个.下面将这17个属性概述如下属性说明 height 屏幕的像素高度 width 屏幕的像素宽度 availHeight 屏幕的…

java基础66 JavaScript中的事件、localtion对象、screen对象（网页知识）

1.JavaScript中的事件注册 1.1.事件的注册方式方式1:直接在html元素上注册 <body onLoad="ready()"></body > function read(){ alert("body元素被加载进来"); } 方式2:可以在js代码向找到对应的对象注册.推荐使用实例 <!doctype html> <html> <head> <meta charset="u…

深入理解javascript对象系列第二篇——属性操作

× 目录 [1]查询 [2]设置 [3]删除[4]继承前面的话对于对象来说,属性操作是绕不开的话题.类似于“增删改查”的基本操作,属性操作分为属性查询.属性设置.属性删除,还包括属性继承.本文是对象系列的第二篇——属性操作属性查询属性查询一般有两种方法,包括点运算符和方括号运算符 var o = { p: 'Hello World' }; o.p // "Hello World" o['p'] // "Hello World" [注意]变量中可以存在中文,因…

BOM之navigator、history、screen对象

navigator对象 [定义] navigator已经成为识别客户端浏览器的事实标准.下表中列出存在于所有浏览器的属性和方法 [检测插件] 检测浏览器插件是一种最常见的检测例程. [1]对于非IE浏览器,可以使用plugins数组来达到这个目的该数组中的每一项都包含下列属性 name:插件的名字 description:插件的描述 filename:插件的文件名 length:插件所处理的MIME类型数量通过循环迭代每个插件并将插件的name与给定的名字进行比较 //检测非IE中的插件 fu…

Navigator对象、Screen对象

Navigator对象: Window对象的navigator属性引用的是包含浏览器厂商和版本信息的Navigator对象: Navigator对象集合:plugins[] 返回对文档中所有嵌入式对象(插件)的引用,该集合是一个 Plugin 对象的数组,其中的元素代表浏览器已经安装的插件.Plug-in 对象提供的是有关插件的信息,其中包括它所支持的 MIME 类型的列表. Navigator 对象属性 appCodeName 返回浏览器的代码名. appMi…

Screen 对象

Screen 对象 Screen 对象 Screen 对象包含有关客户端显示屏幕的信息. 注意: 没有应用于 screen 对象的公开标准,不过所有浏览器都支持该对象. Screen 对象属性属性说明 availHeight 返回屏幕的高度(不包括Windows任务栏) availWidth 返回屏幕的宽度(不包括Windows任务栏) colorDepth 返回目标设备或缓冲器上的调色板的比特深度 height 返回屏幕的总高度 pixelDepth 返回屏幕的颜色分辨率(每象素的位数)…

CSS属性（常用的属性）

CSS属性(常用的属性)http://www.w3school.com.cn/cssref/index.asp 一:文本与字体属性 1.字体属性 (1):font-size:字体的大小(例如:font-size:14px)(em当前对象内文本字体大小 pt绝对长度单位(多少个点的单位)px相对长度单位(像素)) (2):font-family:字体的类型(例如:font-family:"隶书","宋体",Arial,"Times New Roman&quo…

Javascript进阶篇——浏览器对象—Location、Navigator、userAgent、screen对象

Location对象location用于获取或设置窗体的URL,并且可以用于解析URL.语法: location.[属性|方法] location对象属性图示: location 对象属性: location 对象方法: 获取当前显示文档的URL,并输出: <script type="text/javascript"> var a = location.href; document.write(a); </script> Navigator对象对象属性: 使用…

Js之Screen对象

Window Screen window.screen 对象在编写时可以不使用 window 这个前缀. 属性: screen.availWidth - 可用的屏幕宽度,以像素计,减去界面特性,比如窗口任务栏. screen.availHeight - 可用的屏幕高度,以像素计,减去界面特性,比如窗口任务栏. screen.colorDepth - 显示的BPP (bits-per-pixel)值,典型的值有16.24和32. window．screen属性和它引用的Screen对象都是非标准但…