浏览器对象模型BOM-window对象

一.window对象

 1. window用以代表整个浏览器对象,用以这个对象对浏览器窗口进行操作、导航或者打开新的窗口、弹出系统对话框。

  moveBy(dx,dy) 把浏览器窗口相对于当前位置水平移动dx像素,垂直移动dy像素。

  moveTo(x,y)移动浏览器窗口,使它的左上角位于用户屏幕的(x,y)处。

  resizeBy(dw,dh)相对于浏览器的当前大小,调整窗口的大小。(dw,dh为负值减小窗口大小)

  resizeTo(w,h)把窗口调整为宽度w,高度为h。不能使用负值。

IE  window.screenLeft和 window.screenTop用来判断窗口的位置。

  document.body.offsetWidth和document.body.offsetHeifht用来获取视口的大小。

Mozilla  window.screenX和 window.screenY用来判断窗口位置,

    window.outerWidth和window.outerHeigh属性用来判断浏览器窗口自身大小。

  2.在新的窗口打开链接

    window.open("链接","",width=x,height=y);(宽高用来控制新窗口的大小)

    window.moveBy/moveTo(dx,dy)(用来位置水平移动dx像素,垂直移动dy像素)。

    window.close();用来关闭新创建的窗口。

    window.top.opener子窗口对父窗口传值。

   3.系统对话框   

    alert("文本")通常在提示用户注意某些不能控制的东西时,使用警告对话框。

    confirm("文本")用来判断用户点击OK按钮还是Cancel按钮,confirm()方法返回一个Boolean值,点OK返回true,点Cancel返回fase。

    if(confirm("是否提交")) {
    alert("提交成功!");}
       else {
      alert("提交失败!");
        }
    var str = window.prompt("请输入姓名:", "张三");
    alert(str);

    window.defaultStatus = "测试数据";
    window.status = "test";

    prompt("文本","默认值")在文本框输入值,点击OK按钮,将文本框中的值作为函数返回值。如果点击Cancel按钮,返回null。

    var test = prompt("What is your name?","");

    if(test!=null){

        alert("Welcome,"+test);

          }

  4.状态栏

    window.defaultstatus="内容"用以显示用户信息

    window.status

  5.时间间隔和暂停

  window.setTimeout()用在指定的毫秒数后,设置延时。

  setTimeout(“alert(‘Hello world‘)”,1000);

  clearTimeout()清除或终止程序

  6.访问历史页面

  window.history.go(+-值)返回到具体的页数。

  window.history.back返回一页

  window.history.history前进一页

    

时间: 2024-10-20 15:33:41

浏览器对象模型BOM-window对象的相关文章

浏览器对象模型“BOM”-- window对象

global对象 全局对象 所有的全局变量和全局方法,都可以归在window上 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> body{ width:100%; height:100%; } </style> <script

ExtJS浏览器对象模型BOM——命名空间和用户代理对象、Cookie

BOM(浏览器对象模型(BrowserObjectModel)),允许访问和操控浏览器窗口.研发者通过使用BOM,可移动窗口.更改状态栏文本.执行其它不与页面内容发生直接联系的操作. 本文将从ExtJS中以下四类服务入手: 1,命名空间 2,用户代理对象 3,Cookie 4,定时调用函数(将于下一博文详细陈述) 命名空间   ExtJS的命名空间是在window对象所提供的全局范围内建立相互独立的范围,概念上类似于Java的package. Ext.namespace("com.baidu&q

Javascript之BOM(window对象)

摘自Rocky Ren 分享到 Javascript之BOM(window对象) ECMAScript是JavaScript的核心,但在web使用JavaScript,那么BOM(浏览器对象模型)才是真正的核心. BOM的核心对象是window,它表示浏览器的一个实例. 在浏览器中,window对象既是JavaScript访问浏览器窗口的一个接口,又是ECMAScript规定的Global对象.也就是说,在网页中定义的任何一个变量.对象和函数以window作为其Global对象. 1.全局作用域

浏览器对象模型BOM小结

概念 BOM (Browser Object Model) 浏览器对象模型 BOM提供了独立于内容而与浏览器窗口进行交互的对象 BOM主要用于管理窗口与窗口之间的通讯,因此其核心对象是window BOM缺乏标准,JavaScript语法的标准化组织是ECMA,DOM的标准化组织是W3C, BOM最初是Netscape浏览器标准的一部分: window对象 是浏览器中的Global对象 窗口设置 (打开.大小.位置) 间歇调用与超时调用 对话框 (提示框.确认框.输入框) location对象

JavaScript小白教程7浏览器对象模型 BOM

JavaScript Window - 浏览器对象模型 Window 对象 所有浏览器都支持 window 对象.它表示浏览器窗口.页面就是一个窗口 所有 JavaScript 全局对象.函数以及变量均自动成为 window 对象的成员. 全局变量是 window 对象的属性. 全局函数是 window 对象的方法. Window 尺寸(窗口的大小:长宽) 其他 Window 方法 一些其他方法: window.open() - 打开新窗口 window.close() - 关闭当前窗口 win

location对象[第8章-浏览器对象模型BOM 笔记2]

location 是最有用的 BOM对象之一,它提供了与当前窗口中加载的文档有关的信息,还提供了一些导航功能.事实上, location 对象是很特别的一个对象,因为它既是 window 对象的属性,也是document 对象的属性:换句话说, window.location 和 document.location 引用的是同一个对象.location 对象的用处不只表现在它保存着当前文档的信息,还表现在它将 URL 解析为独立的片段,让开发人员可以通过不同的属性访问这些片段.下表列出了 loc

浏览器对象模型--BOM

BOM的核心对象是window对象,其他对象都是window对象的子对象 一.浏览器对象模型 二.window对象 属性 1.位置类型 (浏览器距离屏幕的距离) // IE chrome alert(window.screenLeft) alert(window.screenTop) // FF chrome alert(window.screenX) alert(window.screenY) 2.尺寸类型 (浏览器的文档尺寸) alert(window.innerWidth) //(有兼容性

浏览器对象模型BOM总结

BOM是Browser Object Model的缩写,简称浏览器对象模型.BOM提供了独立于内容而与浏览器窗口进行交互的对象  · 由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心对象是window  · BOM由一系列相关的对象构成,并且每个对象都提供了很多方法与属性. BOM提供了一些访问窗口对象的一些方法,:1.我们可以用它来移动窗口位置,改变窗口大小,打开新窗口和关闭窗口,弹出对话框,进行导航以及获取客户的一些信息如:浏览器品牌版本,屏幕分辨率.BOM最强大的功能是它提供了一个访

004_01浏览器对象模型BOM

BOM:Browser Object Model,是指浏览器对象模型,用于描述这种对象与对象之间层次关系的模型,浏览器对象模型提供了独立于内容的.可以与浏览器窗口进行互动的对象结构.BOM由多个对象组成,其中代表浏览器窗口的Window对象是BOM的顶层对象,它表示浏览器的一个实例,其他对象都是该对象的子对象. 主要功能: 1. 弹出新浏览器窗口的能力: 2. 移动.关闭和更改浏览器窗口大小的能力: 3. 可提供WEB浏览器详细信息的导航对象: 4.可提供浏览器载入页面详细信息的本地对象: 5

Javascript浏览器对象模型BoM要点总结

BOM要点总结篇 温故而知心!!学到的东东,必须要总结一下,方便自己,巩固自己.今天我为大家总结一下BOM当中的一些要点: 一.Windows对象 1.窗口的操作 windows对象对操作浏览器窗口非常有用.用以下四种方法来实现对窗口的移动以及调整大小. moveBy(dx,dy)-----把浏览器窗口相对当前位置水平移动dx个像素,垂直移动dy个像素.dx值为负数,向左移动窗口,dy为负数,向上移动窗口. moveTo(x,y)-----移动窗口,使他的左上角位于用户的(x,y)处.可以使用负