ウィンドウオブジェクトのプロパティとメソッド

Window オブジェクトのプロパティ

まず、Window オブジェクトのすべてのプロパティがループを通過します:

<!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 タグの target 属性に使用されます。

  • ウィンドウの名前を設定します: window.name = "newWin"

  • ウィンドウの名前を取得します: document.write(name);

  • 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 >Mark オブジェクトです

    <!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>
  • window オブジェクト メソッド

    alert(): 警告ダイアログ ボックスをポップアップ表示します。
  • prompt(): 入力ダイアログボックスをポップアップ表示します。
  • confirm(): 確認ダイアログボックスをポップアップ表示します。 [OK] ボタンがクリックされた場合は 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>
  • おすすめコース
  • コースウェアのダウンロード
現時点ではコースウェアはダウンロードできません。現在スタッフが整理中です。今後もこのコースにもっと注目してください〜