JavaScript中Window对象和Navigator对象的示例分析

这篇文章主要介绍了JavaScript中Window对象和Navigator对象的示例分析,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。

成都创新互联公司专注于泌阳企业网站建设,成都响应式网站建设,商城建设。泌阳网站建设公司,为泌阳等地区提供建站服务。全流程按需求定制制作,专业设计,全程项目跟踪,成都创新互联公司专业和态度为您提供的服务

一、 Window 对象

1、Window 对象的属性

(1) closed: 返回窗口是否已被关闭。








    


JavaScript中Window对象和Navigator对象的示例分析JavaScript中Window对象和Navigator对象的示例分析

(2) defaultStatus: 设置或返回窗口状态栏中的默认文本。

status: 设置或返回窗口状态栏的文本。









JavaScript中Window对象和Navigator对象的示例分析

(3) frames: 返回窗口中所有命名的框架。该集合是 Window 对象的数组,每个 Window 对象在窗口中含有一个框架。








    

JavaScript中Window对象和Navigator对象的示例分析

JavaScript中Window对象和Navigator对象的示例分析

(4) innerHeight: 返回窗口的文档显示区的高度。

    innerWidth: 返回窗口的文档显示区的宽度。








    

JavaScript中Window对象和Navigator对象的示例分析

(5) localStorage:用于长久保存数据,保存的数据没有过期时间,直到手动去删除。








    

浏览器不支持时:

JavaScript中Window对象和Navigator对象的示例分析

浏览器支持时:

JavaScript中Window对象和Navigator对象的示例分析

(6) length: 返回在当前窗口中frames的数量。








    

JavaScript中Window对象和Navigator对象的示例分析

(7) name: 设置或返回窗口的名称。








    

JavaScript中Window对象和Navigator对象的示例分析

(8) opener:可返回对创建该窗口的 Window 对象的引用。当使用window.open()打开一个窗口,您可以使用此属性返回来自目标窗口源(父)窗口的详细信息。








    

JavaScript中Window对象和Navigator对象的示例分析

(9)  outerHeight: 返回窗口的外部高度,包含工具条与滚动条。

     outerWidth:返回窗口的外部宽度,包含工具条与滚动条。

     pageXOffset: 设置或返回当前页面相对于窗口显示区左上角的 X 位置。

    pageYOffset: 设置或返回当前页面相对于窗口显示区左上角的 Y 位置。








    

JavaScript中Window对象和Navigator对象的示例分析

(10) parent: 返回父窗口。








    

(11) screenLeft: 返回相对于屏幕窗口的x坐标。

       screenTop: 返回相对于屏幕窗口的y坐标。

       screnX: 返回相对于屏幕窗口的x坐标。

       screenY: 返回相对于屏幕窗口的y坐标。








    

JavaScript中Window对象和Navigator对象的示例分析

(12) sessionStorage: 用于临时保存同一窗口(或标签页)的数据,在关闭窗口或标签页之后将会删除这些数据。








    

浏览器不支持时:

JavaScript中Window对象和Navigator对象的示例分析

浏览器支持时:

JavaScript中Window对象和Navigator对象的示例分析

(13) self: 返回指向当前 window 对象的引用,利用这个属性,可以保证在多个窗口被打开的情况下,正确调用当前窗口内的函数或属性而不会发生混乱。

top: 返回当前窗口的最顶层浏览器窗口。








    

JavaScript中Window对象和Navigator对象的示例分析

2 、Window 对象的方法

(1) alert(): 显示带有一段消息和一个确认按钮的警告框。

 atob(): 解码一个 base-64 编码的字符串。

 btoa(): 创建一个 base-64 编码的字符串。








    

JavaScript中Window对象和Navigator对象的示例分析  JavaScript中Window对象和Navigator对象的示例分析

(2) blur(): 把键盘焦点从顶层窗口移开。focus(): 把键盘焦点给予一个窗口。








    

(3) setInterval(): 按照指定的周期(以毫秒计)来调用函数或计算表达式。

   clearInterval(): 取消由 setInterval() 设置的 timeout。








    
    

JavaScript中Window对象和Navigator对象的示例分析  JavaScript中Window对象和Navigator对象的示例分析   JavaScript中Window对象和Navigator对象的示例分析  JavaScript中Window对象和Navigator对象的示例分析

(4) setTimeout(): 在指定的毫秒数后调用函数或计算表达式。

   clearTimeout(): 取消由 setTimeout() 方法设置的 timeout。








    
    

(5)  close(): 关闭浏览器窗口。

open(): 打开一个新的浏览器窗口或查找一个已命名的窗口。

createPopup(): 创建一个 pop-up 窗口。

print(): 打印当前窗口的内容。









    



(6) confirm(): 显示带有一段消息以及确认按钮和取消按钮的对话框。

prompt(): 显示可提示用户输入的对话框。









    
    

JavaScript中Window对象和Navigator对象的示例分析  JavaScript中Window对象和Navigator对象的示例分析

JavaScript中Window对象和Navigator对象的示例分析  JavaScript中Window对象和Navigator对象的示例分析

(7) getComputedStyle(): 获取指定元素的 CSS 样式。








    
    

JavaScript中Window对象和Navigator对象的示例分析

(8) moveBy(): 可相对窗口的当前坐标把它移动指定的像素。

 moveTo(): 把窗口的左上角移动到一个指定的坐标。








    
    
    

(9) resizeBy(): 按照指定的像素调整窗口的大小。

resizeTo(): 把窗口的大小调整到指定的宽度和高度。








    
    
    

(10) scrollBy(): 按照指定的像素值来滚动内容。

scrollTo(): 把内容滚动到指定的坐标。








    
    
    

二、Navigator 对象

1、Navigator 对象的属性

(1) appCodeName: 返回浏览器的代码名
       (2) appName: 返回浏览器的名称
       (3) appVersion: 返回浏览器的平台和版本信息
       (4) cookieEnabled: 返回指明浏览器中是否启用 cookie 的布尔值
       (5) platform: 返回运行浏览器的操作系统平台
       (6) userAgent: 返回由客户机发送服务器的user-agent 头部的值









JavaScript中Window对象和Navigator对象的示例分析

2、 Navigator 对象的方法

(1) javaEnabled(): 指定是否在浏览器中启用Java
       (2) taintEnabled(): 规定浏览器是否启用数据污点(data tainting)









JavaScript中Window对象和Navigator对象的示例分析

感谢你能够认真阅读完这篇文章,希望小编分享JavaScript中Window对象和Navigator对象的示例分析内容对大家有帮助,同时也希望大家多多支持创新互联,关注创新互联行业资讯频道,遇到问题就找创新互联,详细的解决方法等着你来学习!


文章名称:JavaScript中Window对象和Navigator对象的示例分析
链接分享:http://hbruida.cn/article/jiddhe.html