Heim > Artikel > Web-Frontend > Detaillierte Einführung in das Betriebsstücklistenobjektmodell von J
Wir wissen, dass BOM auf das Browserfenster zugreifen und es bedienen kann. Wir verwenden BOM im Allgemeinen als mobiles Fenster, ändern den Text der Statusleiste oder führen andere Aktionen aus, die nicht direkt mit dem Seiteninhalt zusammenhängen.
1. Fensteroperationen
wobei moveTo und moveBy die Bewegung des Fensters sind, resizeTo und resizeBo die Größe festlegen des Fensters und scrollTo dient scrollBy dazu, die Position der Bildlaufleiste bei jedem Scrollen festzulegen.
Neue Fenster öffnen und schließen:
openBtn.onclick = function() { newWindow = window.open("./test.html", "_blank", "width=300px, height=300px, left=500px, top=300px, toolbar=no") }; closeBtn.onclick = function() { newWindow.window.close(); };
Zeitintervall und Pause:
Zeitintervall:
setInterval
Pause:
window.clearInterval
Beispiel:
start.onclick = function() { // 3. 设置定时器 times = setInterval(function() { window.scrollBy(0, 5); }, 40); }; stop.onclick = function() { //4. 清除定时器 window.clearInterval(times); };
setTimeOut: Führen Sie nach dem Zeitintervall nur einen Vorgang aus
Ein Countdown-Beispiel ist unten angehängt:
Verlaufsdatensatz:
history.go()
Die Parameter in Klammern können 1,-1 sein
history.go(1)表示前进一页.相当于history.forward() history.go(-1)表示后退一页,相当于history.back() location:
Standortobjekt stellt die URL des Ladefensters dar. Darüber hinaus kann es auch die URL analysieren
1.hash : Gibt den Teil nach # in der URL zurück
2.host: Gibt den Namen des Servers zurück
3.href: Die vollständige URL der aktuell geladenen Seite
4 .search: Der Teil nach dem Fragezeichen in der URL, der die GET-Anfrage ausführt
Das Standortobjekt verfügt über eine Reload-Methode: Die aktuelle Seite kann neu geladen (aktualisiert) werden.
reload ist falsch , Laden aus dem Cache, Neuladen ist wahr, Laden vom Server, Weglassen von Parametern, Der Standardwert ist false
window.screen.availWidth+" " +window.screen.availheight (das Fenster kann mit der Breite und Höhe des Bildschirms arbeiten)
window.screen.Width+" "+window.screen.height (Breite und Höhe des Bildschirms)
Die Eigenschaften availHeight und availWidth sind sehr nützlich, wenn Sie die Größe eines neuen Fensters bestimmen.
Ich glaube, dass Sie die Methoden beherrschen, nachdem Sie diese Fälle gelesen haben. Weitere spannende Informationen Bitte beachten Sie andere verwandte Artikel auf der chinesischen PHP-Website!
Verwandte Lektüre:
So verwenden Sie das Transformationsattribut in CSS3
So verwenden Sie den CSS3-Attributselektor, um das zu ersetzen Rolle von JS
So erstellen Sie mit CSS3 einen Fortschrittsbalken
Das obige ist der detaillierte Inhalt vonDetaillierte Einführung in das Betriebsstücklistenobjektmodell von J. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!