Web-Frontend
js-Tutorial
Informationen zur Verwendung der Eigenschaften und Methoden von window in JS
Informationen zur Verwendung der Eigenschaften und Methoden von window in JS
Dieser Artikel stellt hauptsächlich die Analyse von Fensterattributen und -methoden in JS vor. Jetzt kann ich ihn mit allen teilen, die ihn benötigen.
Objekte können ohne Verwendung geschrieben werden Fenster. Dieses Präfix
setInterval() – führt den angegebenen Code kontinuierlich für die angegebene Anzahl von Millisekunden aus.
clearInterval() – Funktionscode, der verwendet wird, um die Ausführung der setInterval()-Methode zu stoppen.
setTimeout() – Führen Sie den angegebenen Code nach einer Pause für die angegebene Anzahl von Millisekunden aus.
clearTimeout() – Funktionscode, der zum Stoppen der Ausführung der setTimeout()-Methode verwendet wird
Beispiel :
Verwenden Sie einen Timer, um die Uhr auf der Seite anzuzeigen
•Das Zeitformat ist: xxxx Jahr xx Monat xx Tagxx:xx:xx in Sekunden
•Aktualisierung einmal pro Sekunde
1 <body> 2 <button onclick="open1()">打开新页面</button> 3 <button onclick="start1()">开始显示时间</button> 4 <button onclick="stop1()">停止时间</button> 5 </body>
<script type="text/javascript">
function open1(){
window.open("new_file.html","newFile","menubar=no,location=no,toolbar=no,resize=no,width=500,height=500,top=200,left=400")
}
function time1(){
var date = new Date();
var y = date.getFullYear();
var mo = date.getMonth();
var d = date.getDate();
var h = date.getHours();
var m = date.getMinutes();
var s = date.getSeconds();
console.log("%d年%d月%d日 %d:%d:%d" ,y , mo , d , h , m , s );
}
var inter = null ;
function start1(){
if(inter != null){
stop1();
}
inter = setInterval(time1,1000);
}
function stop1(){
clearInterval(inter);
inter = null;
}
</script>close( ) – Schließt das aktuelle Fenster
open() – Öffnet ein neues Fenster und gibt das Objekt des neuen Fensters zurück
Syntax window.open(URL,name,features, ersetzen);
URL: Optionaler String, der die URL des neuen Fensters deklariert. Wenn dieser Parameter weggelassen wird oder der Wert eine leere Zeichenfolge ist, werden im neuen Fenster keine Dokumente angezeigt.
Name: optionale Zeichenfolge, eine durch Kommas getrennte Liste von Funktionen, die den Namen des neuen Fensters deklariert. Wenn dieser Parameter ein Fenster angibt, das bereits vorhanden ist, gibt die Methode open einen Verweis auf das angegebene Fenster zurück (es wird kein neues Fenster erstellt). Zu diesem Zeitpunkt werden Funktionen ignoriert.
features: Optionale Zeichenfolge, die die im neuen Fenster angezeigten Standard-Browserfunktionen deklariert. Wenn sie weggelassen wird, verfügt das neue Fenster über alle Standardfunktionen.
Ersetzen: ein optionaler boolescher Wert. Gibt an, ob eine in ein Fenster geladene URL einen neuen Eintrag im Browserverlauf des Fensters erstellt oder den aktuellen Eintrag im Browserverlauf ersetzt. Die folgenden Werte werden unterstützt:•true – Die URL ersetzt den aktuellen Eintrag im Browserverlauf. •false – Die URL erstellt einen neuen Eintrag im Browserverlauf.
Der dritte Parameter der open()-Methode lautet wie folgt
| Gibt an, ob der Theatermodus zum Anzeigen des Fensters verwendet werden soll. Der Standardwert ist „Nein“.
| resizable=yes|no|1|0 | Gibt an, ob die Größe des Fensters geändert werden kann. Der Standardwert ist „Ja“. | ||||||||||||||||||||||||||||||||||||||||||||
directories=yes|no|1|0 | Gibt an, ob eine Verzeichnisschaltfläche hinzugefügt werden soll. Die Standardeinstellung ist „Ja“. | scrollbars=yes|no|1|0 | Gibt an, ob Bildlaufleisten angezeigt werden sollen. Der Standardwert ist „Ja“. | ||||||||||||||||||||||||||||||||||||||||||||
fullscreen=yes|no|1|0 | Gibt an, ob der Vollbildmodus verwendet werden soll um das Browser-Gerät anzuzeigen. Der Standardwert ist Nein. Ein Fenster, das sich im Vollbildmodus befindet, muss sich auch im Kinomodus befinden. | status=yes|no|1|0 | Gibt an, ob eine Statusleiste hinzugefügt werden soll. Der Standardwert ist „Ja“. | ||||||||||||||||||||||||||||||||||||||||||||
| Die Höhe des Fensterdokument-Anzeigebereichs. Gemessen in Pixel. | titlebar=yes|no|1|0 | Ob die Titelleiste angezeigt werden soll. Der Standardwert ist „Ja“. | |||||||||||||||||||||||||||||||||||||||||||||
| left=pixels | Die x-Koordinate des Fensters. Gemessen in Pixel. <🎜> | <🎜>toolbar=yes|no|1|0<🎜> | Gibt an, ob die Browser-Symbolleiste angezeigt werden soll. Der Standardwert ist „Ja“. | ||||||||||||||||||||||||||||||||||||||||||||
| <🎜>location=yes|no|1|0<🎜> | <🎜>Ob das Adressfeld angezeigt werden soll . Der Standardwert ist „Ja“. <🎜> | <🎜>top=pixels<🎜> | Die y-Koordinate des Fensters. | ||||||||||||||||||||||||||||||||||||||||||||
| <🎜>menubar=yes|no|1|0<🎜> | <🎜>Gibt an, ob die Menüleiste angezeigt werden soll . Der Standardwert ist „Ja“. <🎜> | <🎜>width=pixels<🎜> | Die Breite des Dokumentanzeigebereichs des Fensters. Gemessen in Pixel. |
| <🎜>Hash<🎜> | <🎜>Legt eine URL (Anker) fest oder gibt sie zurück, die mit einem Nummernzeichen (#) beginnt. <🎜> |
| <🎜>host<🎜> | <🎜>Legen Sie den Hostnamen und die Portnummer der aktuellen URL fest oder geben Sie sie zurück. <🎜> |
| <🎜>Hostname<🎜> | <🎜>Legt den Hostnamen der aktuellen URL fest oder gibt ihn zurück. <🎜> |
| <🎜>href<🎜> | <🎜>Legen Sie die vollständige URL fest oder geben Sie sie zurück. <🎜> |
| <🎜>Pfadname<🎜> | <🎜>Legt den Pfadteil der aktuellen URL fest oder gibt ihn zurück. <🎜> |
| <🎜>Port<🎜> | <🎜>Legen Sie die Portnummer der aktuellen URL fest oder geben Sie sie zurück. <🎜> |
| <🎜>Protokoll<🎜> | <🎜>Legen Sie das Protokoll der aktuellen URL fest oder geben Sie es zurück. <🎜> |
| <🎜>Suche<🎜> | <🎜>Setzt die URL (Abfrageteil) beginnend mit einem Fragezeichen (?) oder gibt sie zurück. ). <🎜> |
<script type="text/javascript"> var hash = location.hash;// top var host = location.host;// www.baidu.com:8020 var hostname = location.hostname;// www.baidu.com var port = location.port;// 8020; var pathname = location.pathname;// index.html var protocol = location.protocol; // http console.log(location); console.log(hash); console.log(host); console.log(hostname); console.log(port); console.log(pathname); console.log(protocol); </script>
Das obige ist der detaillierte Inhalt vonInformationen zur Verwendung der Eigenschaften und Methoden von window in JS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Heiße KI -Werkzeuge
Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos
AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.
Undress AI Tool
Ausziehbilder kostenlos
Clothoff.io
KI-Kleiderentferner
AI Hentai Generator
Erstellen Sie kostenlos Ai Hentai.
Heißer Artikel
Heiße Werkzeuge
Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor
SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen
Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung
Dreamweaver CS6
Visuelle Webentwicklungstools
SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)
Heiße Themen
1384
52
Wie erstelle ich meine eigenen JavaScript -Bibliotheken?
Mar 18, 2025 pm 03:12 PM
In Artikel werden JavaScript -Bibliotheken erstellt, veröffentlicht und aufrechterhalten und konzentriert sich auf Planung, Entwicklung, Testen, Dokumentation und Werbestrategien.
Wie optimiere ich den JavaScript -Code für die Leistung im Browser?
Mar 18, 2025 pm 03:14 PM
In dem Artikel werden Strategien zur Optimierung der JavaScript -Leistung in Browsern erörtert, wobei der Schwerpunkt auf die Reduzierung der Ausführungszeit und die Minimierung der Auswirkungen auf die Lastgeschwindigkeit der Seite wird.
Was soll ich tun, wenn ich auf den Codendruck auf Kleidungsstücke für Front-End-Thermalpapier-Quittungen stoße?
Apr 04, 2025 pm 02:42 PM
Häufig gestellte Fragen und Lösungen für das Ticket-Ticket-Ticket-Ticket in Front-End im Front-End-Entwicklungsdruck ist der Ticketdruck eine häufige Voraussetzung. Viele Entwickler implementieren jedoch ...
Wer bekommt mehr Python oder JavaScript bezahlt?
Apr 04, 2025 am 12:09 AM
Es gibt kein absolutes Gehalt für Python- und JavaScript -Entwickler, je nach Fähigkeiten und Branchenbedürfnissen. 1. Python kann mehr in Datenwissenschaft und maschinellem Lernen bezahlt werden. 2. JavaScript hat eine große Nachfrage in der Entwicklung von Front-End- und Full-Stack-Entwicklung, und sein Gehalt ist auch beträchtlich. 3. Einflussfaktoren umfassen Erfahrung, geografische Standort, Unternehmensgröße und spezifische Fähigkeiten.
Wie debugge ich den JavaScript -Code effektiv mithilfe von Browser -Entwickler -Tools?
Mar 18, 2025 pm 03:16 PM
In dem Artikel werden effektives JavaScript -Debuggen mithilfe von Browser -Entwickler -Tools, der Schwerpunkt auf dem Festlegen von Haltepunkten, der Konsole und der Analyse der Leistung erörtert.
Wie fusioniere ich Arrayelemente mit derselben ID mit JavaScript in ein Objekt?
Apr 04, 2025 pm 05:09 PM
Wie fusioniere ich Array -Elemente mit derselben ID in ein Objekt in JavaScript? Bei der Verarbeitung von Daten begegnen wir häufig die Notwendigkeit, dieselbe ID zu haben ...
Wie verwende ich Quellkarten zum Debuggen, um den JavaScript -Code zu debuggen?
Mar 18, 2025 pm 03:17 PM
In dem Artikel wird erläutert, wie Quellkarten zum Debuggen von JavaScript verwendet werden, indem er auf den ursprünglichen Code zurückgegeben wird. Es wird erläutert, dass Quellenkarten aktiviert, Breakpoints eingestellt und Tools wie Chrome Devtools und WebPack verwendet werden.
Entmystifizieren JavaScript: Was es tut und warum es wichtig ist
Apr 09, 2025 am 12:07 AM
JavaScript ist der Eckpfeiler der modernen Webentwicklung. Zu den Hauptfunktionen gehören eine ereignisorientierte Programmierung, die Erzeugung der dynamischen Inhalte und die asynchrone Programmierung. 1) Ereignisgesteuerte Programmierung ermöglicht es Webseiten, sich dynamisch entsprechend den Benutzeroperationen zu ändern. 2) Die dynamische Inhaltsgenerierung ermöglicht die Anpassung der Seiteninhalte gemäß den Bedingungen. 3) Asynchrone Programmierung stellt sicher, dass die Benutzeroberfläche nicht blockiert ist. JavaScript wird häufig in der Webinteraktion, der einseitigen Anwendung und der serverseitigen Entwicklung verwendet, wodurch die Flexibilität der Benutzererfahrung und die plattformübergreifende Entwicklung erheblich verbessert wird.
