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

Jul 16, 2018 pm 05:25 PM

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>
Copier après la connexion
<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>
Copier après la connexion

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

Propriétés de l'objet de localisation

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>
Copier après la connexion
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.
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 de ce site Web
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

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌
Will R.E.P.O. Vous avez un jeu croisé?
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Comment créer et publier mes propres bibliothèques JavaScript? Comment créer et publier mes propres bibliothèques JavaScript? Mar 18, 2025 pm 03:12 PM

L'article discute de la création, de la publication et du maintien des bibliothèques JavaScript, en se concentrant sur la planification, le développement, les tests, la documentation et les stratégies de promotion.

Comment optimiser le code JavaScript pour les performances dans le navigateur? Comment optimiser le code JavaScript pour les performances dans le navigateur? Mar 18, 2025 pm 03:14 PM

L'article traite des stratégies pour optimiser les performances JavaScript dans les navigateurs, en nous concentrant sur la réduction du temps d'exécution et la minimisation de l'impact sur la vitesse de chargement de la page.

Que dois-je faire si je rencontre l'impression de code brouillé pour les reçus en papier thermique frontal? Que dois-je faire si je rencontre l'impression de code brouillé pour les reçus en papier thermique frontal? Apr 04, 2025 pm 02:42 PM

Des questions et des solutions fréquemment posées pour l'impression de billets thermiques frontaux pour le développement frontal, l'impression de billets est une exigence commune. Cependant, de nombreux développeurs mettent en œuvre ...

Comment déboguer efficacement le code JavaScript à l'aide d'outils de développeur de navigateur? Comment déboguer efficacement le code JavaScript à l'aide d'outils de développeur de navigateur? Mar 18, 2025 pm 03:16 PM

L'article traite du débogage efficace de JavaScript à l'aide d'outils de développeur de navigateur, de se concentrer sur la définition des points d'arrêt, de l'utilisation de la console et d'analyser les performances.

Qui est payé plus de python ou de javascript? Qui est payé plus de python ou de javascript? Apr 04, 2025 am 12:09 AM

Il n'y a pas de salaire absolu pour les développeurs Python et JavaScript, selon les compétences et les besoins de l'industrie. 1. Python peut être davantage payé en science des données et en apprentissage automatique. 2. JavaScript a une grande demande dans le développement frontal et complet, et son salaire est également considérable. 3. Les facteurs d'influence comprennent l'expérience, la localisation géographique, la taille de l'entreprise et les compétences spécifiques.

Comment utiliser les cartes source pour déboguer le code JavaScript minifié? Comment utiliser les cartes source pour déboguer le code JavaScript minifié? Mar 18, 2025 pm 03:17 PM

L'article explique comment utiliser les cartes source pour déboguer JavaScript minifiée en le mappant au code d'origine. Il discute de l'activation des cartes source, de la définition de points d'arrêt et de l'utilisation d'outils comme Chrome Devtools et WebPack.

Comment fusionner les éléments du tableau avec le même ID dans un seul objet en utilisant JavaScript? Comment fusionner les éléments du tableau avec le même ID dans un seul objet en utilisant JavaScript? Apr 04, 2025 pm 05:09 PM

Comment fusionner les éléments du tableau avec le même ID dans un seul objet en JavaScript? Lors du traitement des données, nous rencontrons souvent la nécessité d'avoir le même ID ...

La différence dans Console.Log de sortie Résultat: Pourquoi les deux appels sont-ils différents? La différence dans Console.Log de sortie Résultat: Pourquoi les deux appels sont-ils différents? Apr 04, 2025 pm 05:12 PM

Discussion approfondie des causes profondes de la différence de sortie Console.log. Cet article analysera les différences dans les résultats de sortie de la fonction Console.log dans un morceau de code et expliquera les raisons derrière. � ...

See all articles