recherche

Maison >interface Web >js tutoriel >Sur la façon d'utiliser les propriétés et les méthodes de window dans JS

Sur la façon d'utiliser les propriétés et les méthodes de window dans JS

不言
不言original
2018-07-16 17:25:072351parcourir

Cet article présente principalement l'analyse des attributs et des méthodes de fenêtre en JS. Il a une certaine valeur de référence. Maintenant, je le partage avec tout le monde. Les amis dans le besoin peuvent s'y référer

Les objets peuvent être écrits sans utiliser de fenêtre. . Ce préfixe

setInterval() – exécute le code spécifié en continu pendant le nombre de millisecondes spécifié.

clearInterval() – Code de fonction utilisé pour arrêter l'exécution de la méthode setInterval().

setTimeout() - Exécute le code spécifié après une pause pendant le nombre de millisecondes spécifié

clearTimeout() - Code de fonction utilisé pour arrêter l'exécution de la méthode setTimeout()

Exemple :

Utilisez une minuterie pour afficher l'horloge sur la page
•Le format de l'heure est : xxxx année xx mois xx jour xx:xx:xx en secondes
•Actualiser une fois par seconde

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() - Ferme la fenêtre actuelle

open() - Ouvre une nouvelle fenêtre et renvoie l'objet de la nouvelle fenêtre

Syntaxe window.open( URL,name,features,replace);

URL : Chaîne facultative qui déclare l'URL de la nouvelle fenêtre. Si ce paramètre est omis ou si la valeur est une chaîne vide, la nouvelle fenêtre n'affichera aucun document

name : chaîne facultative, qui est une liste de fonctionnalités séparées par des virgules qui déclare le nom de la nouvelle fenêtre. Si ce paramètre spécifie une fenêtre qui existe déjà, la méthode open renvoie une référence à la fenêtre spécifiée (aucune nouvelle fenêtre n'est créée). Pour le moment, les fonctionnalités seront ignorées.

features : Chaîne facultative qui déclare les fonctionnalités standard du navigateur affichées dans la nouvelle fenêtre. Si elle est omise, la nouvelle fenêtre possède toutes les fonctionnalités standard.

replace : une valeur booléenne facultative. Spécifie si une URL chargée dans une fenêtre crée une nouvelle entrée dans l'historique de navigation de la fenêtre ou remplace l'entrée actuelle dans l'historique de navigation. Les valeurs suivantes sont prises en charge :•true - L'URL remplace l'entrée actuelle dans l'historique de navigation. •false - L'URL crée une nouvelle entrée dans l'historique de navigation.

Le troisième paramètre de la méthode open() est le suivant

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

 S'il faut utiliser le mode cinéma pour afficher la fenêtre. La valeur par défaut est non.

hash

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

host

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

hostname

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

href

设置或返回完整的 URL。

pathname

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

port

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

protocol

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

search

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

resizing=yes|no|1|0

 Si la fenêtre est redimensionnable. La valeur par défaut est oui. 
<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>
directories=yes|no|1|0

S'il faut ajouter un bouton répertoire. La valeur par défaut est oui.

scrollbars=yes|no|1|0

 S'il faut afficher les barres de défilement. La valeur par défaut est oui.
fullscreen=yes|no|1|0

 Utiliser ou non le mode plein écran pour afficher le périphérique de navigation. La valeur par défaut est non.

Une fenêtre qui est en mode plein écran doit également être en mode cinéma.

status=yes|no|1|0

 S'il faut ajouter une barre d'état. La valeur par défaut est oui.
height=pixels

 La hauteur de la zone d'affichage du document de la fenêtre. Mesuré en pixels.
titlebar=yes|no|1|0		 S'il faut afficher la barre de titre. La valeur par défaut est oui.

left=pixels

 La coordonnée x de la fenêtre. Mesuré en pixels. toolbar=yes|no|1|0 S'il faut afficher la barre d'outils du navigateur. La valeur par défaut est oui.
location=yes|no|1|0 S'il faut afficher le champ d'adresse . La valeur par défaut est oui. top=pixels La coordonnée y de la fenêtre.
menubar=yes|no|1|0 S'il faut afficher la barre de menu . La valeur par défaut est oui. width=pixels La largeur de la zone d'affichage du document de la fenêtre. Mesuré en pixels.
Propriétés de l'objet de localisation
hash Définit ou renvoie une URL (ancre) commençant par un signe dièse (#).
hôte Définissez ou renvoyez le nom d'hôte et le numéro de port de l'URL actuelle.
nom d'hôte Définit ou renvoie le nom d'hôte de l'URL actuelle.
href Définissez ou renvoyez l'URL complète.
pathname Définit ou renvoie la partie chemin de l'URL actuelle.
port Définissez ou renvoyez le numéro de port de l'URL actuelle.
protocole Définir ou renvoyer le protocole de l'URL actuelle.
recherche Définit ou renvoie l'URL (partie requête) commençant par un point d'interrogation (? ).
Ce qui suit est un exempleMéthode d'objet de localisationassign() Chargement d'un nouveau document. reload() Recharge le document actuel, ce qui équivaut à actualiser la page. replace() Remplace le document actuel par un nouveau document. (location.replace("location.html#top?a=10&b=20"); équivalent à location.href = "location.html#top?a=10&b=20";) Recommandations associées : Comment transférer des fonctions en jsAnalyse d'objets personnalisés en js

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Comment Javascript implémente la vérification de connexion par curseurArticle suivant：Comment Javascript implémente la vérification de connexion par curseur

Articles Liés

Voir plus