javascript宿主对象之window.screen、window.close()/open()、window.moveTo、window.resizeTo

window.screen属性所提供的是浏览器以外的信息。这里只简单的概述一下:

  • screen.availWidth - 可用的屏幕宽度 (除去操作系统菜单)
  • screen.availHeight - 可用的屏幕高度(除去操作系统菜单)
  • screen.width - 总分辨率宽度
  • screen.height - 总分辨率高度

window.open属性是一个我们打开新窗口的方法,主要接收一下参数:

  1. 要载入窗口的URL

  2. 新窗口的名字,用于新窗口form标签的taeget属性;

  3. 以逗号分隔的功能性列表 --- resizable: 窗口是否可调整,width、height窗口的高度宽度,status用于设置窗口的可见性。

var win = window.open(‘http://www.baidu.com‘,‘Hello‘,‘width=300;height=300;resizable=yes‘);

window.close方法则是用来关闭窗口的。

window.moveTo

window.moveTo(100,100); // 将当前窗口移动到屏幕坐标x=100,y=100的位置,是相对于屏幕左上角来说的。
window.moveBy(10,-10); // 将当前窗口右移10个像素,上移10个像素。

window.resizeTo是用来控制窗口大小的;

上述方法一般还是少用为妙。

时间: 2024-10-29 03:33:30

javascript宿主对象之window.screen、window.close()/open()、window.moveTo、window.resizeTo的相关文章

javascript宿主对象之window.navigator

window.navigator用来反映浏览器及其功能信息的对象. // 检测浏览器版本信息 function getBrowserInfo(){ var Sys = {}; var ua = window.navigator.userAgent.toLowerCase(); var re =/(msie|firefox|chrome|opera|version).*?([\d.]+)/; var m = ua.match(re); Sys.browser = m[1].replace(/ver

JavaScript宿主对象之BOM和DOM

宿主对象(host object),即由ECMAScript实现的宿主环境提供的对象. 宿主对象的表现形式,即浏览器下window的子对象和node.js下global的子对象. DOM(文档对象模型)和BOM(浏览器对象模型)属于宿主对象. 也就是说,DOM和BOM是编程接口,我们可以获取到一些列属性和方法,用于操作HTML文档和浏览器. 一.BOM BOM封装了一系列浏览器,相关的属性和方法. 其中较为重要属性有Window(浏览器打开的窗口).Navigator(浏览器相关信息).Scre

javascript宿主对象之window.location

location属性是一个用来存储当前页面URL信息的对象. 下面我们通过循环来列出location对象的完整属性列表: for(var i in location){ if(typeof location[i] == 'string'){ console.log( i + ' = "' + location[i] + ' " '); } } 下面来看一下: 另外,location对象还提供了三种方法:分别是: 1. reload(); 2. assign(); 3. replace(

javascript宿主对象之window.frames

window.frames属性是当前页面所有框架的集合.要注意的事,这里并没有frame和iframe做出区分.而且,无论页面存不存在框架,window.frames属性总是存在的,并总是指向window对象本身. window.frames === window; // true; 假设我们页面中有一个iframe元素: <iframe name="myframe" src="hello.html"/> 我们可以通过检查其length属性来了解页面中是

javascript宿主对象之window.history

window.historys属性允许我们操作同一个浏览器回话中的已访问页面,例如我们可以看到在这之前我们浏览页面的数量: window.history.length 由于隐私保护,我们无法获取这些页面具体的URL,像下面这样是不被允许的: window.history[0] 但是我们可以在当前用户会话中的页面之间进行来回切换,就像您在浏览器中单击后退,前进一样. history.forward(); // 前进 history.back(); // 返回 另外,我们可以用history.go(

JavaScript 浏览器对象

window window对象不但充当全局作用域,而且表示浏览器窗口. window对象有innerWidth和innerHeight属性,可以获取浏览器窗口的内部宽度和高度.内部宽高是指除去菜单栏.工具栏.边框等占位元素后,用于显示网页的净宽高.还有一个outerWidth和outerHeight属性,可以获取浏览器窗口的整个宽高. 补充: 网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:

JavaScript Window Screen

window.screen 对象包含有关用户屏幕的信息. Window Screen window.screen对象在编写时可以不使用 window 这个前缀. 一些属性: screen.availWidth - 可用的屏幕宽度 screen.availHeight - 可用的屏幕高度 Window Screen 可用宽度 screen.availWidth 属性返回访问者屏幕的宽度,以像素计,减去界面特性,比如窗口任务栏. 实例 返回您的屏幕的可用宽度: <script> document.

JavaScript 本地对象、内置对象、宿主对象

首先解释下宿主环境:一般宿主环境由外壳程序创建与维护,只要能提供js引擎执行的环境都可称之为外壳程序.如:web浏览器,一些桌面应用系统等.即由web浏览器或是这些桌面应用系统早就的环境即宿主环境. 1.本地对象 ECMA-262 把本地对象(native object)定义为“独立于宿主环境的 ECMAScript 实现提供的对象”. 再来看一下,“本地对象”包含哪些内容: Object.Function.Array.String.Boolean.Number.Date.RegExp.Erro

【javascript】详解变量,值,类型和宿主对象

前言 我眼中的<javascript高级程序设计> 和<你不知道的javascript>是这样的:如果<javascript高级程序设计>是本教科书的话, <你不知道的javascript>就是那本王后雄有以下两点: 1. 老师会教你: 考试最后的准备仍然要“回归课本”2. 在1的前提下并不妨碍我们希望拥有一本好用的“王后雄” JS数据类型 JS类型分类 讲到类型, 首先要说的当然是JS的类型分类, 对于这一点,<javascript高级语言程序设计&