Heim > Artikel > Web-Frontend > 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>Location-Objektmethode assign() Laden Sie ein neues Dokument . reload() Das aktuelle Dokument neu laden, was einer Aktualisierung der Seite entspricht. replace() Ersetzt das aktuelle Dokument durch ein neues Dokument. (location.replace("location.html#top?a=10&b=20"); entspricht location.href = "location.html#top?a=10&b=20";) Verwandte Empfehlungen: So übertragen Sie Funktionen in jsParsen benutzerdefinierter Objekte in js
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!