Fensterladeereignis:
zum Anpassen der Fenstergröße:
window Die Methode .open() kann verwendet werden, um zu einer angegebenen URL zu navigieren oder ein neues Browserfenster zu öffnen.
window.open("http://www.wrox.com/", "wroxWindow","height=400,width=400,top=10,left=10,resizable=yes");timer:
window.scroll(x, y)
window.scrollTo(x, y): Beide sind die gleiche Verwendung, um die Position der horizontalen und zu ändern vertikale Bildlaufleisten, vorausgesetzt, es muss vorhanden sein Die Bildlaufleiste befindet sich auf der Seite
window.scrollBy(x, y): Das kumulative Scrollen der Bildlaufleiste, positive Zahlen gehen nach unten, negative Zahlen gehen nach oben window.scrollBy(0, 10) : Bei einem Aufruf alle 100 Millisekunden bewegt sich die Bildlaufleiste um 10 Pixel.
window.getComputedStyle(elem, pseudo-class)
Dialogbox-
führt das JS-Skript aus und fügt den JS-Code in einem synchronen Ausführungsmodus in den Ausführungsstapel ein. Beim Ausführen des Ausführungsstapels stößt er auf asynchronen JS-Code (Ereignisse, Timer, Ajax, Ressourcenladen). , Fehler) wird in Web-APIs (Aufgabenwarteschlange) gestellt, gehen Sie zur Aufgabenwarteschlange und nehmen Sie den ersten Code zur Ausführung. Holen Sie sich einen aus der Aufgabenwarteschlange und führen Sie ihn aus Führen Sie es wiederholt aus (Ereignisschleife), bis die Ausführung in der Aufgabenwarteschlange abgeschlossen ist.
window.history wird verwendet, um die Adress-URL der aktuellen Seite abzurufen und den Browser auf eine neue Seite umzuleiten.
http://www.itcast.cn:80/index.html?name=andy&age=1#link http: Kommunikationsprotokoll www.itcast.cn: Domänenname 80: Port index.html: path?name=andy&age=1: Parameter #Link-Fragment: Ankerpunkt, Link-
Objektattribut:
der aktuellen URL zurück:
Navigator: Ein Objekt, das Browserkonfigurationsinformationen kapselt.
. Das window.history-Objekt enthält die Sammlung des Browserverlaufs (URL)
Window.Screen enthält Informationen über den Benutzer 
// screen: Ermittelt die Auflösungsgröße des Anzeigegeräts // Volle Auflösung: screen.widht/height // So identifizieren Sie den Client-Typ, der mit allen Client-Breiten kompatibel ist // Großer Bildschirm, mittlerer Bildschirm, kleiner Bildschirm, ultrakleiner Bildschirm // LG MD SM XS // TV-PC-Pad-Telefon //Breite >= 1200 >=992 >= 768 < 768 //Die verbleibende Auflösung nach dem Entfernen der Taskleiste // screen.availHeight/availWidth
kann dynamisch die Position (Offset), Größe usw. des Elements ermitteln.
:
allgemeine Attribute
wie die Rahmengröße und Elementgröße von Elementen
:erhält dynamisch die Größe und Bildlaufentfernung von Elementen
element.srcollTop
-Bildlaufleiste. Beim Scrollen wird das Onscroll-Ereignis ausgelöst
sind window.pageXOffset/pageYOffset IE8 und niedriger nicht kompatibel mit document.body/documentElement.scrollLeft/scrollTop Das Hinzufügen von zwei Werten dauert lange Damit zwei Werte gleichzeitig Werte haben , ermitteln Sie mit der Kapselungskompatibilitätsmethode den Rollabstand des Bildlaufleistenrads getScrollOffet()
/*.
Kapselt eine Methode, um den Bildlaufabstand der Bildlaufleiste zu ermitteln. Gibt zurück: x: den Bildlaufabstand der horizontalen Bildlaufleiste y: den Bildlaufabstand der vertikalen Bildlaufleiste */function getScrollOffet(){
if(window.pageXOffset){
return {//{} des Objekts muss nach dem Schlüsselwort stehen, sonst fügt das System es automatisch hinzu, dann ist der Rückgabewert undefiniert
x : window.pageXOffset,
y: window.pageYOffset }
}else{//Kompatibel mit IE8 und niedriger gibt { zurück
x: document.body.scrollLeft + document.documentElement.scrollLeft,
y: document.body.scrollTop + document.documentElement.scrollTop }
}} window.innerWidth/innerHeight ist nicht mit IE8 und niedriger kompatibel (Hinweis: Die Breite und Höhe hier umfassen nicht die Höhe der Menüleiste, Symbolleiste, Bildlaufleiste usw.) document.documentElement.clientWidth/clientHeight im Standardmodus ist mit document.body.clientWidth/clientHeight Es handelt sich um eine Browser- Kapselungskompatibilitätsmethode, die für seltsame Situationen geeignet ist. GetViewportOffset()
/*Encapsulation gibt den Rückgabewert für die Browser-Ansichtsfenstergröße zurück :
w: Breite des Ansichtsfensters h: Höhe des Ansichtsfensters*/Funktion getViewportOffset(){
if(window.innerWidth){
zurückkehren {
w: window.innerWidth,
h: window.innerHeight}
}else{ //Kompatibel mit IE8 und niedrigeren Browsern if(document.compatMode == 'BackCompat'){
//Return { im seltsamen Rendering-Modus
w: document.body.clientWidth,
h: document.body.clientHeight}
}anders{
//Standardmodus return {
w: document.documentElement.clientWidth,
h: document.documentElement.clientHeight}
}
}}console.log(document.compatMode); // BackCompat-Standardmodus domElement.getBoundingClientRect() hat eine gute Kompatibilität , Attribute wie „oben“, „rechts“ und „unten“ repräsentieren die X- und Y-Koordinaten der oberen linken Ecke des Elements. „Rechts“ und „unten“ repräsentieren die X- und Y-Koordinaten der unteren rechten Ecke des Elements width-Attribute sind in alten IE-Versionen nicht implementiert. Die zurückgegebenen Ergebnisse erfolgen nicht in Echtzeit. '
// Ermittelt die Position des Elements in der Dokumentfunktion getElementPosition(target){.
//BoundingClientRect()-Methode unterstützen if(0 && target.getBoundingClientRect){
var pos = target.getBoundingClientRect();
return { // Wenn sich die Bildlaufleiste bewegt, fügen Sie die Position x der Bildlaufleiste hinzu: pos.left + Math.max(document.body.scrollLeft, document.documentElement.scrollLeft),
y: pos.top + Math.max(document.body.scrollTop, document.documentElement.scrollTop)
}
} anders {
var pos = {
links: 0,
oben: 0
}
var _elm = Ziel;
while(target.offsetParent){
if(_elm == target){//Zum ersten Mal links und oben akkumulieren
pos.left += target.offsetLeft;
pos.top += target.offsetTop;
}anders{
pos.left += target.offsetLeft + target.clientLeft;
pos.top += target.offsetTop + target.clientTop;
}
// Ziel weist neu zu target = target.offsetParent;
}
return { x : pos.left, y : pos.top}
}} Statusleiste
des
Browserstatus.und andere Attributöffner