Javascript-Implementierung zum Ermitteln der Größe und Position des Fenstercodes. Sharing_Javascript-Fähigkeiten

In Javascript können Sie OuterWidth und OuterHeight verwenden, um die Größe des Browsers zu ermitteln. Verwenden Sie innerWidth und innerHeight, um die Größe des Fensters (mit Ausnahme des Browserrahmens) zu ermitteln. Bei IE6 und früheren Versionen muss zwischen Standardmodus und gemischtem Modus unterschieden werden. Der Standardmodus verwendet document.documentElement.clientWidth, document.documentElement.clientHeight; der gemischte Modus verwendet clientWidth und clientHeight von document.body.

Code kopieren Der Code lautet wie folgt:

(Funktion () {
        var pageWidth = window.innerWidth;
        var pageHeight = window.innerHeight;
        var broswerWidth = window.outerWidth;
        var broswerHeight = window.outerHeight;
Alert(pageWidth " " pageHeight);
warning(broswerWidth " " broswerHeight);
If (typeof pageWidth != "number") {
If (document.compatMode == "CSS1Compat") { //Der Standardmodus
pageWidth = document.documentElement.clientWidth;
                       pageHeight = document.documentElement.clientHeight;
                } sonst {
                     pageWidth = document.body.clientWidth;
                    pageHeight = document.body.clientHeight;
            }
                                                                                               })();

Ermitteln Sie die Position des Fensters: IE, Chrome, Safari, verwenden Sie screenLeft, screenTop, um die Position des Fensters von der linken Seite des Bildschirms bis zum oberen Rand des Bildschirms zu ermitteln. Firefox unterstützt dieses Attribut nicht. Firefox verwendet screenXP und screenY, um den gleichen Effekt zu erzielen.

Code kopieren Der Code lautet wie folgt:

(Funktion btnFun() {
        var leftPos = (typeof window.screenLeft == "number") ?               window.screenX;
        var topPos = (typeof window.screenTop == "number") :
                            window.screenY;
alarm(leftPos " " topPos);
​​​​ //alert(window.screenLeft " " window.screenTop);
})();