masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu

sifat dan kaedah objek tetingkap

Sifat objek tetingkap

Mula-mula, gelung melalui semua sifat objek tetingkap: 

<!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>

  • nama : Merujuk kepada nama tetingkap atau bingkai penyemak imbas. Nama ini digunakan untuk atribut sasaran teg a.

  • Tetapkan nama tetingkap: window.name = “newWin”

  • Dapatkan nama tetingkap : document.write (nama);

  • atas: Mewakili tetingkap peringkat atas. Contohnya: window.top

  • ibu bapa: mewakili tetingkap induk, terutamanya digunakan untuk bingkai.

  • diri: mewakili tetingkap semasa, terutamanya digunakan dalam bingkai.

  • innerWidth: merujuk kepada lebar dalaman tetingkap penyemak imbas (tidak termasuk bar menu, bar alat, bar alamat, bar status ini disokong oleh Firefox.

  • Di bawah IE, gunakan document.documentElement.clientWidth dan bukannya window.innerWidth

  • innerHeight: merujuk kepada ketinggian dalaman tetingkap penyemak imbas (tidak termasuk bar menu, bar alat, bar alamat, bar status Atribut ini disokong oleh Firefox.

  • Di bawah IE, gunakan document.documentElement.clientHeight dan bukannya window.innerHeight

  • document.documentElement is< ;html> ; mark object

  • document.body ialah <body> mark object

<!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>

kaedah objek tingkap

  • alert(): Muncul kotak dialog amaran.

  • prompt(): Muncul kotak dialog input.

  • confirm(): Muncul kotak dialog pengesahan. Mengembalikan benar jika butang OK diklik dan palsu jika Batal diklik.

  • tutup(): Tutup tetingkap

  • cetak(): Cetak tetingkap

rreee
Meneruskan pembelajaran
||
<!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>
serahkanTetapkan Semula Kod
Bahagian sebelumnya bahagian seterusnya
Senarai Tutorial
dapatkan bantuan
  • Cadangan kursus
  • Muat turun perisian kursus
Perisian kursus tidak tersedia untuk dimuat turun pada masa ini. Kakitangan sedang menganjurkannya. Sila beri perhatian lebih kepada kursus ini pada masa hadapan~

Pelajar yang telah menonton kursus ini juga sedang belajar

Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)  492873 permainan