Rumah > hujung hadapan web > tutorial js > Pelaksanaan Javascript untuk mendapatkan saiz dan kedudukan kemahiran perkongsian kod tetingkap_javascript

Pelaksanaan Javascript untuk mendapatkan saiz dan kedudukan kemahiran perkongsian kod tetingkap_javascript

WBOY
Lepaskan: 2016-05-16 16:29:11
asal
1434 orang telah melayarinya

Dalam Javascript, anda boleh menggunakan OuterWidth dan OuterHeight untuk mendapatkan saiz penyemak imbas Gunakan innerWidth dan innerHeight untuk mendapatkan saiz tetingkap (tidak termasuk sempadan penyemak imbas). Untuk IE6 dan versi terdahulu, adalah perlu untuk membezakan antara mod standard dan mod campuran. Mod standard menggunakan document.documentElement.clientWidth, document.documentElement.clientHeight menggunakan mod campuran document.body, clientHeight;

Salin kod Kod adalah seperti berikut:

(fungsi () {
        var pageWidth = window.innerWidth;
        var pageHeight = window.innerHeight;
        var broswerWidth = window.outerWidth;
        var broswerHeight = window.outerHeight;
alert(pageWidth " " pageHeight);
alert(broswerWidth " " broswerHeight);
Jika (jenis pageWidth != "nombor") {
If (document.compatMode == "CSS1Compat") { //Mod standard
pageWidth = document.documentElement.clientWidth;
                       pageHeight = document.documentElement.clientHeight;
                } lain {
                     pageWidth = document.body.clientWidth;
                    pageHeight = document.body.clientHeight;
            }
                                                                                                                                                   })();

Dapatkan kedudukan tetingkap: IE, chrome, Safari, gunakan screenLeft, screenTop untuk mendapatkan kedudukan tetingkap dari sebelah kiri skrin dan bahagian atas skrin. Firefox tidak menyokong atribut ini Firefox menggunakan screenXP dan screenY untuk mencapai kesan yang sama.

Salin kod Kod adalah seperti berikut:
(fungsi btnFun() {
        var leftPos = (typeof window.screenLeft == "number") ?               tetingkap.screenX;
        var topPos = (typeof window.screenTop == "number") ?                             tetingkap.screenY;
alert(leftPos " " topPos);
​​​​ //alert(window.screenLeft " " window.screenTop);
})();


Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan