Maison >interface Web >js tutoriel >Extrait de code JS pour ouvrir une fenêtre contextuelle
<span>W = window, </span> <span>D = document; </span> <span>//set the window to widgets dimensions </span> <span>var winH = 400, //allow for window padding and header </span> winW <span>= 400, </span> winT <span>= 400, </span> winL <span>= 400; </span> <span>//set the content </span> <span>var windowName = 'Widget', // should not include space for IE </span> path <span>= W.location.path, </span> windowOptions <span>= 'location=0,status=0,toolbar=0,dependent=1,resizable=1,menubar=0,screenX=' + winL + ',screenY=' + winT + ',width=' + winW + ',height=' + winH, </span> that <span>= this; </span> <span>//note path needs to be in the same domain... </span> <span>//open the window </span> that<span>._Window = window.open(path, windowName, windowOptions); </span> that<span>._Interval = window.setInterval(function () { </span> <span>if (that._Window.closed) { </span> <span>window.clearInterval(that._Interval); </span> <span>//code to run when window is closed </span> <span>} </span> <span>}, 1000);</span>
La création d'une fenêtre contextuelle dans JavaScript est assez simple. Vous pouvez utiliser la méthode Window.Open (). Cette méthode crée une nouvelle fenêtre et y renvoie une référence. Voici un exemple de base:
var mywindow = window.open ("", "mywindow", "width = 200, height = 100");
mywindow.document.write ("
Ceci est 'MyWindow'
"); Vous pouvez contrôler la taille et la position de la fenêtre contextuelle en les spécifiant dans le troisième paramètre de la méthode Window.Open (). Par exemple, pour créer une fenêtre de 500 pixels de large et 600 pixels de haut, et positionnée à 10 pixels de la gauche et du haut de l'écran, vous utiliseriez:
var mywindow = window.open ("", "Mywindow", "largeur = 500, hauteur = 600, gauche = 10, top = 10");
Oui, vous pouvez charger une URL spécifique dans la fenêtre contextuelle en le spécifiant comme le premier paramètre dans la méthode Window.Open (). Par exemple:
var mywindow = window.open ("https://www.example.com", "mywindow", "width = 500, height = 600");
Vous pouvez fermer une fenêtre contextuelle à l'aide de la méthode Window.close (). Cette méthode ferme la fenêtre actuelle ou la fenêtre sur laquelle elle a été appelée. Voici un exemple:
mywindow.close ();
var mywindow = window.open ("", "mywindow", "width = 500, height = 600, reizable = no");
comment puis-je vérifier si A A A La fenêtre contextuelle est toujours ouverte?
if (! Mywindow.closed) {
// La fenêtre est toujours ouverte
}
Puis-je interagir avec le contenu de la fenêtre contextuelle?
mywindow.document.write ("
Bonjour, monde!
"); Oui, vous pouvez ouvrir une fenêtre contextuelle sans la barre d'outils du navigateur en ajoutant la barre d'outils = pas de fonction dans la méthode Window.Open (). Par exemple:
var mywindow = window.open ("", "mywindow", "width = 500, height = 600, toolbar = no");
Non, JavaScript ne fournit pas de moyen intégré pour forcer une fenêtre contextuelle à toujours être sur le dessus. Ceci est contrôlé par le système d'exploitation et les paramètres de navigateur de l'utilisateur.
Oui, vous pouvez détecter lorsque la fenêtre contextuelle est fermée à l'aide de la fenêtre. Événement onUnload. Cet événement est licencié lorsque la fenêtre est sur le point de décharger ses ressources. Voici un exemple:
mywindow.onunload = function () {
// La fenêtre est sur le point d'être fermée
};
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!