Heim  >  Artikel  >  Web-Frontend  >  Informationen zur Verwendung der Eigenschaften und Methoden von window in JS

Informationen zur Verwendung der Eigenschaften und Methoden von window in JS

不言
不言Original
2018-07-16 17:25:072325Durchsuche

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

channelmode=yes|no|1|0

是否使用剧院模式显示窗口。默认为 no。

resizable=yes|no|1|0

窗口是否可调节尺寸。默认是 yes。

directories=yes|no|1|0

是否添加目录按钮。默认为 yes。

scrollbars=yes|no|1|0

是否显示滚动条。默认是 yes。

fullscreen=yes|no|1|0

是否使用全屏模式显示浏览器。默认是 no。

处于全屏模式的窗口必须同时处于剧院模式。

status=yes|no|1|0

是否添加状态栏。默认是 yes。

height=pixels

窗口文档显示区的高度。以像素计。

titlebar=yes|no|1|0

是否显示标题栏。默认是 yes。

left=pixels

窗口的 x 坐标。以像素计。

toolbar=yes|no|1|0

是否显示浏览器的工具栏。默认是 yes。

location=yes|no|1|0

是否显示地址字段。默认是 yes。

top=pixels

窗口的 y 坐标。

menubar=yes|no|1|0

是否显示菜单栏。默认是 yes。

width=pixels

窗口的文档显示区的宽度。以像素计。
channelmode=yes|no|1|0

Gibt an, ob der Theatermodus zum Anzeigen des Fensters verwendet werden soll. Der Standardwert ist „Nein“.

hash

设置或返回从井号 (#) 开始的 URL(锚)。

host

设置或返回主机名和当前 URL 的端口号。

hostname

设置或返回当前 URL 的主机名。

href

设置或返回完整的 URL。

pathname

设置或返回当前 URL 的路径部分。

port

设置或返回当前 URL 的端口号。

protocol

设置或返回当前 URL 的协议。

search

设置或返回从问号 (?) 开始的 URL(查询部分)。

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“.

height=pixels

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.
Standortobjekteigenschaften
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. ).
Das Folgende ist ein Beispiel
<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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn