首頁 > web前端 > js教程 > Js操作window視窗物件的實作步驟

Js操作window視窗物件的實作步驟

php中世界最好的语言
發布: 2017-11-28 15:10:24
原創
1802 人瀏覽過

跟大家介紹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
登入後複製

--------- -------------------------------------------------- ----------

<!--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>
登入後複製


#相信看了這些案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!

相關閱讀:

怎麼讓DIV自適應高度

#用Vue+CSS3怎麼做互動特效

前端怎麼解決emoji表情無法傳送的BUG

#

以上是Js操作window視窗物件的實作步驟的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板