Rumah  >  Artikel  >  hujung hadapan web  >  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
WBOYasal
2016-05-16 16:29:111374semak imbas

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);
})();


Kenyataan:
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