> 웹 프론트엔드 > JS 튜토리얼 > JS 운영창 객체 구현 단계

JS 운영창 객체 구현 단계

php中世界最好的语言
풀어 주다: 2017-11-28 15:10:24
원래의
1822명이 탐색했습니다.

윈도우 객체를 동작시키기 위한 JS의 속성 메소드와 윈도우 객체를 동작시키기 위한 JS의 구현 단계를 소개해드리고자 합니다.

-------------------------------------- --------
참고: 페이지에 있는 요소의 이름 속성과 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.
화면 개체

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

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

window.external object

window.external.AddFavorite("地址","标题" )  //把网站添加到收藏夹
로그인 후 복사

------------ ------------------------- ------------
window.
네비게이터 객체

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를 사용하여 대화형 효과를 만드는 방법

프런트 엔드에서 이모티콘 표현을 보낼 수 없는 버그를 해결하는 방법

위 내용은 JS 운영창 객체 구현 단계의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿