[1.
Copier le code du code comme suit:
<Script linguisse = "javascript">
<! -
Window.open ('page.html')
->
</cript>
Parce qu'il s'agit d'une section du code javascripts, ils doivent être placés entre les balises <script linguisse = "javascript"> et </cript>. <! - et-> Jouez un effet sur certaines versions basses de navigateurs. Pour développer cette bonne habitude. Window.open ('page.html') est utilisé pour contrôler la page Pop -Up New Window.html. Les citations simples et les citations doubles peuvent être utilisées, ne mélangez tout simplement pas. Ce code peut être ajouté à n'importe quelle position de HTML, <adhead> et </-head> peut être, <body> </body> peut également être exécuté, en particulier le code de la page est long et vous voulez faire apparaître la page Essayez plus tôt de le mettre en avant.
[2.
Parlons des paramètres de la fenêtre Pop -Up. Ajoutez simplement quelque chose au code ci-dessus. Personnalisons l'apparence, la taille et la position pop -up de la fenêtre Pop -Up pour s'adapter à la situation spécifique de la page.
Copier le code du code comme suit:
<Script linguisse = "javascript">
<! -
Window.open ('page.html', 'Newwindow', 'height = 100, width = 400, top = 0, gauche = 0, barre d'outils = non, menuBar = non, barre de défilement = non, résidable = non, l, l , L, L, L, L, L, L, L, L, L, L, L, L, L, L, L, L, L Ocation = NON, Status = NO ') //
->
</cript>
Explication des paramètres:
<Script Language = "JavaScript"> JS Script démarre;
Window.Open apparaît la commande de la nouvelle fenêtre;
'Page.html' POP -Up Nom du fichier de fenêtre;
'Newwindow' Le nom de la fenêtre POP -Up (pas le nom de fichier), non requis, peut être remplacé par vide '';
Hauteur = 100 hauteur de fenêtre;
largeur = 400 Largeur de fenêtre;
Supérieur = 0 Distance de fenêtre en haut de l'écran;
La fenêtre gauche = 0 est une valeur de pixels du côté gauche de l'écran;
Barre d'outils = non pour afficher la barre d'outils, oui s'affiche;
Menubar, les barres de défilement représentent la barre de menu et la barre roulante.
Resizable = Non permet de modifier la taille de la fenêtre, oui est autorisé;
Emplacement = non pour afficher la barre d'adresse, oui est autorisé;
Status = non pour afficher les informations dans la barre d'état (généralement le fichier a été ouvert), oui est autorisé;
</dcript> Le script JS se termine
[3.
Vous trouverez ci-dessous un code complet.
Copier le code du code comme suit:
<html>
<adal>
<script linguisse = "javascript">
<! -
fonction openwin () {) {
Window.open ("page.html", "Newwindow", "height = 100, width = 400, toolbar = no, menuBar = no, scrollbars = no, reizable = no, location = no,") // écrire une ligne
}
// ->
</cript>
</ head>
<corps uniquement = "openwin ()" >>
N'importe quel contenu de page ...
</docy>
</html>
Une fonction openwin () est définie ici, et le contenu de la fonction consiste à ouvrir une fenêtre. Il n'y a pas de usage avant de l'appeler. Comment appeler?
Méthode 1: <Body Online = "OpenWin ()"> Lorsque le navigateur lit la page, la fenêtre apparaît;
Méthode deux: <corps onunload = "openwin ()"> Le navigateur apparaît lorsque le navigateur quitte la page;
Méthode 3: Utilisez une connexion pour appeler:
<a href = "#" onclick = "openwin ()"> Ouvrez une fenêtre </a>
Remarque: le "#" utilisé est une connexion virtuelle.
Méthode 4: Utilisez un bouton pour appeler:
<input type = "bouton" onclick = "openwin ()" value = "Ouvrir la fenêtre">
[4, 2 fenêtres apparaissent en même temps]
Modifiez légèrement le code source:
Copier le code du code comme suit:
<script linguisse = "javascript">
<! -
fonction openwin () {) {
Window.open ("page.html", "Newwindow", "height = 100, largeur = 100, top = 0, gauche = 0, barre d'outils = non, menuBar = non, barre de défilement = non, résidable = non, local = non , status = non ") //
Window.open ("page2.html", "NewWindow2", "height = 100, largeur = 100, top = 1 00, gauche = 100, barre d'outils = non, menuBar = non, barrettes de défilement = non, résidable = non, l, L, L, L, L, L, L, L, L OCA TION = NON, Status = NON ") //
}
// ->
</cript>
Pour éviter la couverture des deux fenêtres, contrôlez la position Pop -Up avec le haut et la gauche ne doit pas se couvrir. Enfin, appelez simplement les quatre méthodes mentionnées ci-dessus.
Remarque: ne soyez pas le même, ou simplement vide, ou simplement vide.
[5.
Comme indiqué dans le code suivant, ajoutez la zone de fenêtre principale <Aad>:
Copier le code du code comme suit:
<script linguisse = "javascript">
<! -
fonction openwin () {) {
Window.open ("page.html", "", "largeur = 200, hauteur = 200")
}
// ->
</cript>
Ajouter la zone <body>:
<A href = "1.htm" onclight = "openwin ()"> ouvert </a>.
[6.
Contrôlons la fenêtre Pop -Up ci-dessous, et l'effet est encore meilleur. Si nous ajoutons un code court à la page POP -UP (notez que c'est le HTML de l'ajout de page.html, il n'est pas sur la page d'accueil, sinon ...), est-ce plus cool pour le laisser se fermer automatiquement après 10 secondes ?
Tout d'abord, ajoutez le code suivant à la zone <A-Head> du fichier page.html:
Copier le code du code comme suit:
<script linguisse = "javascript">
Fonction closeit ()
{{
setTimeout ("seld.close ()", 10000) // millisecondes
}
</cript>
Ensuite, utilisez <corps en ligne = "closeit ()"> pour remplacer la phrase <body> originale dans page.html. (N'oubliez pas d'écrire cette phrase! Le rôle de cette phrase est d'appeler le code de la fenêtre de clôture et de fermer la fenêtre par vous-même après 10 secondes.)
[7.
<Formulaire
<Input type = 'Button' value = 'close' onclick = 'window.close ()'>
</ form>
Haha, c'est plus parfait maintenant!
[8.
Les exemples ci-dessus incluent deux fenêtres, l'une est la fenêtre principale et l'autre est une petite fenêtre. Grâce à l'exemple suivant, vous pouvez terminer l'effet ci-dessus sur une page.
Copier le code du code comme suit:
<html>
<adal>
<Script linguisse = "javascript">
Fonction openwin ()
{{
OpenWindow = window.open ("", "newwin", "height = 250, width = 250, toolbar = no, scrollbars =" + scroll + ", menuBar = no"));
// Écrivez dans une ligne
OpenWindow.Document.Write ("<Title> Exemple </Title>")
OpenWindow.Document.Write ("<Body bgColor = # ffffff>")
Openwindow.document.write ("<h1> Bonjour! </h1>")
OpenWindow.Document.Write ("Nouvelle fenêtre ouverte!")
OpenWindow.Document.Write ("</body>")
OpenWindow.Document.Write ("</html>")
OpenWindow.Document.close ()
}
</cript>
</ head>
<body>
<a href = "#" onclick = "openwin ()"> Ouvrez une fenêtre </a>
<input type = "bouton" onclick = "openwin ()" value = "Ouvrir la fenêtre">
</docy>
</html>
Regardez le code dans OpenWindow.Document.Write () n'est-il pas le HTML standard? Écrivez simplement plus de lignes dans le format. Faites attention à une erreur avec une autre étiquette ou moins d'étiquette. N'oubliez pas de le terminer avec OpenWindow.Document.close ().
[9.
Rappelons que bien que la fenêtre Pop -Up ci-dessus soit cool, il y a un petit problème (immergé dans la joie, vous ne devez pas le trouver?) Par exemple, vous mettez le script ci-dessus sur une page qui doit être transmise fréquemment (comme le Page d'accueil), alors chacun, alors chaque page rafraîchit cette page, la fenêtre apparaîtra une fois, n'est-ce pas très ennuyeuse? : -_
Y a-t-il une solution? Oui! ;-) Suivez-moi.
Tout d'abord, ajoutez le code suivant à la zone <A-Head> de la page d'accueil HTML:
Copier le code du code comme suit:
<cript>
fonction openwin () {) {
Window.open ("page.html", "", "largeur = 200, hauteur = 200")
}
Fonction get_cookie (name) {
var search = name + "="
var returnvalue = "";
if (document.cookie.length> 0) {{{
Offset = document.cookie.indexof (recherche)
if (offset! = -1) {{
Offset + = search.length
end = document.cookie.indexof (";;", offset);
if (end == -1)
end = document.cookie.length;
ReturnValue = Unescape (document.cookie.substring (bureau, fin))
}
}
Retour returnValue;
}
fonction chargepopup () {
ift_cookie ('Popped') == '') {{
OpenWin ()
document.cookie = "Popped = Oui"
}
}
</cript>
Ensuite, utilisez <corps en ligne = "LoadPopup ()"> (Notez qu'il n'est pas OpenWin mais LOADPOP!) Remplacez la phrase <body> d'origine dans la page d'accueil. Vous pouvez essayer de rafraîchir cette page ou d'entrer à nouveau la page, et la fenêtre ne apparaîtra jamais. Real Pop-only-one!