javascript Window 对象详解介绍

Window 对象
Window 对象表示浏览器中打开的窗口，如果文档包含框架（frame 或 iframe 标签），浏览器会为 HTML 文档创建一个 window 对象，并为每个框架创建一个额外的 window 对象。

Window 对象集合
frames[] 返回窗口中所有命名的框架，该集合是 Window 对象的数组，每个 Window 对象在窗口中含有一个框架或 <iframe> ，属性 frames.length 存放数组 frames[] 中含有的元素个数，注意，frames[] 数组中引用的框架可能还包括框架，它们自己也具有 frames[] 数组。

Window 对象属性
closed属性可返回一个布尔值，该值声明了窗口是否已经关闭，该属性为只读，当浏览器窗口关闭时，表示该窗口的 Windows 对象并不会消失，它将继续存在，不过它的 closed 属性将设置为 true
    语法：window.closed;
    实例：document.write(window.closed); //输出 false  

defaultStatus属性可设置或返回窗口状态栏中的默认文本，该属性可读可写，该文本会在页面加载时被显示
    语法：window.defaultStatus=sometext;
   
status属性可设置或返回窗口状态栏中的文本
    语法：window.status=sometext;

self返回对窗口自身的只读引用

top属性返回最顶层的先辈窗口，该属性返回对一个顶级窗口的只读引用，如果窗口本身就是一个顶级窗口，top 属性存放对窗口自身的引用，如果窗口是一个框架，那么 top 属性引用包含框架的顶层窗口
   
Window 对象方法
alert()用于显示带有一条指定消息和一个 OK 按钮的警告框
    语法：alert(message); //message 要在 window 上弹出的对话框中显示的纯文本（而非 HTML 文本）
    实例：alert('http://justflyhigh.com');
   
setInterval()按照指定的周期（以毫秒计）来调用函数或计算表达式，setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭，由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数
    语法：setInterval(code,millisec);
    实例：function clock(){
      

 代码如下 复制代码
  alert('http://justflyhigh.com');
         }
         window.setInterval('clock()',1000); //每一秒 弹一次框

        
clearInterval()取消由 setInterval() 设置的 timeout，clearInterval() 方法的参数必须是由 setInterval() 返回的 ID 值
    语法：clearInterval(id_of_setinterval);
    实例：var i = 1;
    

 代码如下 复制代码
     var timer = window.setInterval('clock()',1000);
         function clock(){
        if(i == 10){
            window.clearInterval(timer);
        }
        document.getElementById('test').innerHTML = i++;
         }
         当i为10时，停止

setTimeout()用于在指定的毫秒数后调用函数或计算表达式，setTimeout() 只执行 code 一次，如果要多次调用，请使用 setInterval() 或者让 code 自身再次调用 setTimeout()。
    语法：setTimeout(code,millisec);
    实例：var i = 1;
     

 代码如下 复制代码
    function clock(){
        document.getElementById('test').innerHTML = i++;
        setTimeout("clock()",1000);
         }

clearTimeout()取消由 setTimeout() 方法设置的 timeout
    语法：clearTimeout(id_of_settimeout);
    实例：var i = 1;
       

 代码如下 复制代码
  var timer;
         function clock(){
        document.getElementById('test').innerHTML = i++;
        timer = setTimeout("clock()",1000);
         }
         function stop(){
        clearTimeout(timer);
         }

         调用stop函数，停止计时
       
close()用于关闭浏览器窗口，方法 close() 将关闭有 window 指定的顶层浏览器窗口，某个窗口可以通过调用 self.close() 或 只调用 close() 来关闭其自身，只有通过 JavaScript 代码打开的窗口才能够由 JavaScript 代码关闭
    语法：window.close();
   
confirm()用于显示一个带有指定消息和 OK 及取消按钮的对话框，如果用户点击确定按钮，则 confirm() 返回 true，如果点击取消按钮，则 confirm() 返回 false，在用户点击确定按钮或取消按钮把对话框关闭之前，它将阻止用户对浏览器的所有输入，在调用 confirm() 时，将暂停对 JavaScript 代码的执行，在用户作出响应之前，不会执行下一条语句
    语法：confirm(message); //message 要在 window 上弹出的对话框中显示的纯文本（而非 HTML 文本）
   
moveBy()相对窗口的当前坐标把它移动指定的像素
    语法：window.moveBy(x,y); //x 要把窗口右移的像素数，y 要把窗口下移的像素数
   
moveTo()把窗口的左上角移动到一个指定的坐标
    语法：window.moveTo(x,y); //x 窗口新位置的 x 坐标，y 窗口新位置的 y 坐标
   
open()用于打开一个新的浏览器窗口或查找一个已命名的窗口
    语法：window.open(URL,name,features,replace);
    //URL 一个可选的字符串，声明了要在新窗口中显示的文档的 URL，如果省略了这个参数，或者它的值是空字符串，那么新窗口就不会显示任何文档
    //name 一个可选的字符串，该字符串是一个由逗号分隔的特征列表，其中包括数字、字母和下划线，该字符声明了新窗口的名称，这个名称可以用作标记 <a> 和 <form> 的属性 target 的值，如果该参数指定了一个已经存在的窗口，那么 open() 方法就不再创建一个新窗口，而只是返回对指定窗口的引用，在这种情况下，features 将被忽略
    //features 一个可选的字符串，声明了新窗口要显示的标准浏览器的特征，如果省略该参数，新窗口将具有所有标准特征
    //replace 一个可选的布尔值，规定了装载到窗口的 URL 是在窗口的浏览历史中创建一个新条目，还是替换浏览历史中的当前条目，支持下面的值：true - URL 替换浏览历史中的当前条目，false - URL 在浏览历史中创建新的条目
    窗口特征（Window Features）
    channelmode=yes|no|1|0     是否使用剧院模式显示窗口，默认为 no
    directories=yes|no|1|0     是否添加目录按钮，默认为 yes
    fullscreen=yes|no|1|0     是否使用全屏模式显示浏览器，默认是 no，处于全屏模式的窗口必须同时处于剧院模式
    height=pixels         窗口文档显示区的高度，以像素计
    left=pixels         窗口的 x 坐标，以像素计
    location=yes|no|1|0     是否显示地址字段，默认是 yes
    menubar=yes|no|1|0     是否显示菜单栏，默认是 yes
    resizable=yes|no|1|0     窗口是否可调节尺寸，默认是 yes
    scrollbars=yes|no|1|0     是否显示滚动条，默认是 yes
    status=yes|no|1|0     是否添加状态栏，默认是 yes
    titlebar=yes|no|1|0     是否显示标题栏，默认是 yes
    toolbar=yes|no|1|0     是否显示浏览器的工具栏，默认是 yes
    top=pixels         窗口的 y 坐标
    width=pixels         窗口的文档显示区的宽度，以像素计
    实例：window.open('http://justflyhigh.com','偶的主角是你','width=400,height=300');
   
print()用于打印当前窗口的内容，调用 print() 方法所引发的行为就像用户单击浏览器的打印按钮，通常，这会产生一个对话框，让用户可以取消或定制打印请求
    语法：window.print();
   
prompt()用于显示可提示用户进行输入的对话框，如果用户单击提示框的取消按钮，则返回 null，如果用户单击确认按钮，则返回输入字段当前显示的文本，在用户点击确定按钮或取消按钮把对话框关闭之前，它将阻止用户对浏览器的所有输入，在调用 prompt() 时，将暂停对 JavaScript 代码的执行，在用户作出响应之前，不会执行下一条语句
    语法：prompt(text,defaultText); //text 可选，要在对话框中显示的纯文本（而不是 HTML 格式的文本），defaultText 可选，默认的输入文本
   
resizeBy() 用于根据指定的像素来调整窗口的大小。
    语法：resizeBy(width,height);
   
resizeTo() 用于把窗口大小调整为指定的宽度和高度
    语法：resizeTo(width,height);
   
scrollBy()把内容滚动指定的像素数
    语法：scrollBy(xnum,ynum);
   
scrollTo()把内容滚动到指定的坐标
    语法：scrollTo(xpos,ypos);

实例

 代码如下 复制代码

//speed 滚动速度 time 时间间隔
function gotoTop(speed,time){

    speed = speed || 0.1;

    time = time || 16;

    // 滚动条到页面顶部的水平距离
    var x = document.body.scrollLeft;

    // 滚动条到页面顶部的垂直距离
    var y = document.body.scrollTop;

    // 滚动距离 = 目前距离 / 速度, 因为距离原来越小, 速度是大于 1 的数, 所以滚动距离会越来越小
    speed++;
    window.scrollTo(Math.floor(x / speed), Math.floor(y / speed));

    // 如果距离不为零, 继续调用迭代本函数
    if(x > 0 || y > 0) {

        window.setTimeout("gotoTop(" + speed + ", " + time + ")", time);

    }

}
时间： 2024-04-26 06:49:19

javascript Window 对象详解介绍的相关文章

Javascript window对象详解_基础知识

首先看我们的源代码. 复制代码 代码如下: <!DOCTYPE html>  <html>      <head>          <meta charset="utf-8" />          <title>深入理解Javascript</title>          <script type="text/javascript" charset="utf-8"

javascript History 对象详解介绍

History 对象 History对象包含用户(在浏览器窗口中)访问过的 URL,History 对象是 window 对象的一部分,可通过 window.history 属性对其进行访问,没有应用于 History 对象的公开标准,不过所有浏览器都支持该对象 History 对象属性 length声明了浏览器历史列表中的元素数量     语法:history.length;     实例:document.write(history.length); //输出 45 History 对象方法

javascript Screen 对象详解介绍

Screen 对象 Screen 对象包含有关客户端显示屏幕的信息,没有应用于 screen 对象的公开标准,不过所有浏览器都支持该对象,每个 Window 对象的 screen 属性都引用一个 Screen 对象 Screen 对象属性 availHeight声明了显示浏览器的屏幕的可用高度,以像素计,在 Windows 这样的操作系统中,这个可用高度不包括分配给半永久特性(如屏幕底部的任务栏)的垂直空间     语法:screen.availHeight;     实例:document.w

JavaScript的document和window对象详解

javascript|window|对象|详解 [document对象] 该对象是window和frames对象的一个属性,是显示于窗口或框架内的一个文档. 属性 alinkColor 活动链接的颜色(ALINK) anchor 一个HTMI锚点,使用<A NAME=>标记创建(该属性本身也是一个对象) anchors array 列出文档锚点对象的数组(<A NAME=>)(该属性本身也是一个对象) bgColor 文档的背景颜色(BGCOLOR) cookie 存储于cooki

Javascript之BOM(window对象)详解_基础知识

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

&amp;#106avascript的document和window对象详解

window|对象|详解 [document对象] 该对象是window和frames对象的一个属性,是显示于窗口或框架内的一个文档. 属性 alinkColor 活动链接的颜色(ALINK) anchor 一个HTMI锚点,使用<A NAME=>标记创建(该属性本身也是一个对象) anchors array 列出文档锚点对象的数组(<A NAME=>)(该属性本身也是一个对象) bgColor 文档的背景颜色(BGCOLOR) cookie 存储于cookie.txt文件内的一段

JavaScript Array对象详解_javascript技巧

本文介绍了Js的Array 数组对象,具体内容如下 目录1. 介绍:介绍 Array 数组对象的说明.定义方式以及属性. 2. 实例方法:介绍 Array 对象的实例方法:concat.every.filter.forEach.indexOf.join.lastIndexOf.map.pop.push.reverse.shift.slice.sort.splice.toString.tounshift等. 3. 静态方法:介绍 Array 对象的静态方法:Array.isArray(). 4.

JavaScript Date对象详解_javascript技巧

本篇主要介绍 Date 日期和时间对象的操作,具体内容如下 目录 1. 介绍:阐述 Date 对象. 2. 构造函数:介绍 Date 对象的构造函数new Date()几种方式. 3. 实例方法:介绍 Date 对象的get.set等实例方法. 4. 静态方法:介绍 Date 对象的静态方法:Date.now(). Date.parse()等. 5. 实际操作:介绍 Date 对象的一些示例:获取倒计时.比较2个Date对象的大小等等. 一. 介绍1.1 说明 Date对象,是操作日期和时间的对

javascript null对象详解

网页特效 null对象详解 null     这是一个对象,但是为空.因为是对象,所以 typeof null  返回 'object' .     null 是 JavaScript 保留关键字.     null 参与数值运算时其值会自动转换为 0 ,因此,下列表达式计算后会得到正确的数值: 表达式:123 + null 结果值:123 表达式:123 * null 结果值:0 以下是不正确的方法: var exp = null; if (exp == null) {     alert("