Js操作window窗口对象的实现步骤

程序员文章站 2022-05-03 13:59:44

...

给大家介绍Js操作window窗口对象的属性方法以及Js操作window窗口对象的实现步骤，下面给大家举一个小案例帮助理解，一起来看一下。

---------------------------------------------------------------------
注:页面上元素name属性和JavaScript引用的名称必须一致包括大小写
否则会提示你一个错误信息 "引用的元素为空或者不是对象"
---------------------------------------------------------------------
对象属性

window.opener        opener属性与打开该窗口的父窗口相联系，当访问子窗口中operer属性时  ，返回的是父窗口。通过该属性，可以使用父窗口对象中的方法和属性。 
window                     //窗口自身
window.self                //引用本窗口window=window.self
window.closed            //表示窗口是否已经关闭
window.name             //为窗口命名
window.defaultStatus  //设定窗口状态栏信息
window.location         //URL地址，设置这个属性可以打开新的页面

---------------------------------------------------------------------
对象方法

window.alert("text")                      //提示信息对话框
window.confirm("text")                  //确认对话框
window.prompt("text")                  //要求键盘输入对话框
window.setIntervel("action",time)    //每隔指定的时间(毫秒)就执行一次操作
window.clearInterval()                    //清除时间设置作用就是终止循环
window.setTimeout(action,time)     //隔了指定的时间(毫秒)执行一次操作
window.open()                            //打开新的窗口
window.close()                            //关闭脚本所在窗口

---------------------------------------------------------------------
成员对象

window.event
window.document   //见document对象详解
window.history
window.screen
window.navigator
window.external

---------------------------------------------------------------------
window.history对象

window.history.length  //浏览过的页面数
history.back()         //后退
history.forward()      //前进
history.go(i)          //到历史清单的第i位
                       //i>0前进,i<0后退

---------------------------------------------------------------------
window.screen对象

window.screen.width        //屏幕宽度
window.screen.height       //屏幕高度
window.screen.colorDepth   //屏幕色深
window.screen.availWidth   //可用宽度
window.screen.availHeight  //可用高度(除去任务栏的高度)

---------------------------------------------------------------------
window.external对象

window.external.AddFavorite("地址","标题" )  //把网站添加到收藏夹

---------------------------------------------------------------------
window.navigator对象

window.navigator.appCodeName      //浏览器代码名
window.navigator.appName          //浏览器程序名
window.navigator.appMinorVersion  //浏览器补丁版本
window.navigator.cpuClass         //cpu类型 x86
window.navigator.platform         //操作系统类型 win32
window.navigator.plugins
window.navigator.opsProfile
window.navigator.userProfile
window.navigator.systemLanguage   //客户系统语言 zh-cn简体中文
window.navigator.userLanguage     //用户语言,同上
window.navigator.appVersion       //浏览器版本(包括系统版本)
window.navigator.userAgent
window.navigator.onLine           //用户否在线
window.navigator.cookieEnabled    //浏览器是否支持cookie
window.navigator.mimeTypes

---------------------------------------------------------------------
<html>

<!--window对象方法示例脚本-->
<script language="javascript">   window.alert("您好!")</script>
<script language="javascript">    var action    action=window.confirm("请选择操作...")    if(action)      document.write("您选择了继续操作")    else      document.write("您选择了取消操作")</script>
<script language="javascript">   var info   info=window.prompt("请输入一些必要的信息")   document.write (info)</script>
<script language="javascript">   var i;i=0;   function action(){      i++;      window.alert(i) //监视循环情况      if(i>=10)      window.clearInterval(stop) //终止循环   }   stop=window.setInterval("action()",1000)//1000毫秒=1秒</script>
<script language="javascript">   var i;i=0;   function action(){      i++;      window.alert(i) //监视循环情况   }   window.setTimeout("action()",1000)   //相同的代码setTimeout只执行一次</script></html>

相信看了这些案例你已经掌握了方法，更多精彩请关注其它相关文章！

Js操作window窗口对象的实现步骤

JS实现根据数组对象的某一属性排序操作示例

JS实现根据数组对象的某一属性排序操作示例

js中json对象和字符串的理解及相互转化操作实现方法

js中window对象的opener属性的笔记——opener在谷歌浏览器获取不到父窗口引用的原因

JS 使用 window对象的print方法实现分页打印功能

JS实现数组简单去重及数组根据对象中的元素去重操作示例

Js操作window窗口对象的实现步骤

JS实现数组简单去重及数组根据对象中的元素去重操作示例

Pure JS (5.3)：pure.render 的实现（构造window对象，实现服务器端 JQuery Template）

用Js操作HTTP的Cookie的实现步骤