창 개체 속성 및 메서드

창 개체 속성

먼저 창 개체의 모든 속성을 반복합니다.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>php.cn</title>
<script>
//循环遍历window对象的所有属性
/*
    for(name|index in obj|arr){
        
    }
    描述：只能循环数组的下标，或对象的属性。
    说明：如果循环数组的话，每次循将取下标值。
          对于数组中值为undefined的，不会循环。
          循环数组，只返回有效的值。
        
          如果循对象的话，每次循环取对象属性。
          严格的来说，对象中没有方法一说，所有的都是属性。
          将一个函数赋给一个属性后，这个属性就变成方法了。
*/
var i = 1;
for(var name in window)
{
    document.write(i+" "+name+"<br>");
    i++;
}
</script>
</head>

<body>
</body>
</html>

name : 브라우저 창이나 프레임의 이름을 나타냅니다. 이 이름은 a 태그의 대상 속성에 사용됩니다.

창 이름 설정: window.name = “newWin”
창 이름 가져오기 : document.write (이름);

top: 최상위 창을 나타냅니다. 예: window.top
parent: 주로 프레임에 사용되는 상위 창을 나타냅니다.
self: 현재 창을 나타내며 주로 프레임에 사용됩니다.
innerWidth: 브라우저 창의 내부 너비를 나타냅니다(메뉴 표시줄, 도구 모음, 주소 표시줄, 상태 표시줄 제외). 이 속성은 Firefox에서 지원됩니다.

IE에서는 window.innerWidth 대신 document.documentElement.clientWidth를 사용하세요

innerHeight: 브라우저 창의 내부 높이를 나타냅니다(메뉴 표시줄, 도구 모음, 주소 표시줄, 상태 표시줄 제외). 이 속성은 Firefox에서 지원됩니다.

IE에서는 window.innerHeight 대신 document.documentElement.clientHeight를 사용하세요.
document.documentElement는< ;html>입니다. ; 마크 객체
document.body는 <body> 마크 객체

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>php.cn</title>
<script>
//实例：测试当前网页的宽度和高度
//兼容所有浏览器
var width = window.innerWidth ? window.innerWidth : document.documentElement.clientWidth;
var height = window.innerHeight ? window.innerHeight : document.documentElement.clientHeight;
//输出结果
document.write("宽度："+width+"，高度："+height);
</script>
</head>
<body>
</body>
</html>

창 객체 메소드

alert(): 경고 대화 상자를 표시합니다.
prompt(): 입력 대화 상자를 띄웁니다.
confirm(): 확인 대화 상자를 표시합니다. 확인 버튼을 클릭하면 true를 반환하고 취소를 클릭하면 false를 반환합니다.
close(): 창을 닫습니다
print(): 창을 인쇄합니다

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>php.cn</title>
<script>
    function delect() {
        if(window.confirm("你确认要删除吗？")){
            //跳转到指定删除页面执行删除操作
           location.href="http://www.php.cn";   
        }     
    }
</script>
</head>
<body>
    <a href="#" onClick="delect()">删除</a>
</body>
</html>

지속적인 학습

새로운 파일

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>php.cn</title> <script> //循环遍历window对象的所有属性 /* for(name|index in obj|arr){ } 描述：只能循环数组的下标，或对象的属性。说明：如果循环数组的话，每次循将取下标值。对于数组中值为undefined的，不会循环。循环数组，只返回有效的值。如果循对象的话，每次循环取对象属性。严格的来说，对象中没有方法一说，所有的都是属性。将一个函数赋给一个属性后，这个属性就变成方法了。 */ var i = 1; for(var name in window) { document.write(i+" "+name+"<br>"); i++; } </script> </head> <body> </body> </html>

제출하다 코드 재설정

자동운전