Je pense que la plupart d'entre vous savent comment utiliser les pages Web pour faire apparaître des fenêtres sous diverses formes, mais apprenons à créer une variété de fenêtres contextuelles aujourd'hui:
1. Ouvrez une fenêtre en plein écran
Le code est le suivant:
<html> <corps //www.vevb.com ',' wulin.com ',' fullccreen '); ">; <b> www.vevb.com </b> </body> </html>
2. Ouvrez une fenêtre transformée par F11
Le code est le suivant:
<html> <corps '//www.vevb.com', 'wulin.com', 'ChannelMode'); ">; <b> www.vevb.com </b> </ body> </html>
3. Ouvrez une fenêtre avec la barre d'outils de liaison préférée
Le code est le suivant:
<html> <corps www.wangye8.com ',' wulin.com ',' width = 400, height = 300, répertoires '); "> <b> www.wangye8.com </b> </body> </html>
4. boîte de dialogue de la page Web
Le code est le suivant:
<html> <script linguisse = "javascript"> <! - showmodaldialog ('// www.vevb.com,' wulin.com ',' dialogwidth: 400px; dialogheight: 300px; dialogleft: 200px; Dialogtop: 150px; Centre: Yes; Yes; oui; Résizable: oui; oui; oui: oui: // - </ script> oui; oui; Resiseable: Yes; Yes; Yes ') <b> www.wangye8.com </b> </ body> </html> <html> <script linguisse = "javascript"> <! - ShowModelessDialog ('// www.vevb.com,' wulin.com ',' DialogWidth: 400px; DialogHeight: 300px; Dialogleft: 200px; Dialogtop: 150px; Centre: Oui; Aide: oui; reizable: oui; statut: oui ') //> </ script> <b> http://www.wangye8.com </b> </ body> </html>showmodaldialog () ou showModelessDialog () pour appeler la boîte de dialogue Web. Quant à la différence entre ShowModaldialog () et ShowModelessDialog (), c'est que la fenêtre ouverte par ShowModaldialog () (appelée fenêtre de mode) est placée sur la fenêtre parent et doit être fermée pour accéder à la fenêtre parent (il est recommandé de l'utiliser le moins possible pour éviter les dégoût); showModelessDialog ()
Dialog hoish: Iheight définit la hauteur de la fenêtre de dialogue.
DIALOGWIDTH: IWIDTH définit la largeur de la fenêtre de dialogue.
Dialogleft: IXPOS définit la position gauche de la fenêtre de dialogue par rapport au coin supérieur gauche du bureau.
Dialogtop: IYPOS définit la position supérieure de la fenêtre de dialogue par rapport au coin supérieur gauche du bureau.
Centre: {Oui | Non | 1 | 0} Spécifie s'il faut centrer la boîte de dialogue sur le bureau, la valeur par défaut est "oui".
Aide: {Oui | Non | 1 | 0} Spécifie si l'icône d'aide contextuelle s'affiche dans la fenêtre de dialogue. La valeur par défaut est "oui".
Residable: {Oui | Non | 1 | 0} Spécifie si la taille de la fenêtre de dialogue est variable. La valeur par défaut est "non".
Statut: {Oui | Non | 1 | 0} Spécifie si la barre d'état est affichée dans la fenêtre de dialogue. Pour les fenêtres de dialogue non mode, la valeur par défaut est "oui"; Pour la boîte de dialogue Mode Windows, la valeur par défaut est "non".
5. Autres codes de fenêtre contextuels
Des amis qui surfent souvent sur Internet peuvent avoir visité ces sites Web. Une fois qu'ils entrent dans la page d'accueil, une fenêtre apparaîtra immédiatement ou appuyez sur un lien ou un bouton pour apparaître. Habituellement, certaines précautions, informations sur le droit d'auteur, avertissements, bienvenus, etc., ou informations que l'auteur souhaite donner des invites spéciales. En fait, il est très facile de créer une telle page. Ajoutez simplement quelques code de script Java au HTML de la page. Ensuite, je vous emmènerai pour analyser son mystère.
【Le code de fenêtre pop-up le plus basique】
En fait, le code est très simple:
Le code est le suivant:
<Script Language = "Java Script"> <! - Window.Open ('Page.html') -> </ Script>Parce qu'il s'agit d'un morceau de code de script Java, ils doivent être placés entre le balise <script linguisse = "Java Script"> et </cript>. <! - et -> sont utiles pour certains navigateurs avec des versions inférieures. Si le script Java n'est pas pris en charge dans ces anciens navigateurs, le code de la balise ne sera pas affiché en texte.
Window.open ('page.html') est utilisée pour contrôler la fenêtre contextuelle d'une nouvelle fenêtre page.html. Si Page.html n'est pas dans le même chemin que la fenêtre principale, le chemin doit être écrit devant, le chemin absolu (http: //) et le chemin relatif (../) sont OK.
Il est normal d'utiliser des citations simples et doubles, mais ne les mélangez pas.
Ce morceau de code peut être ajouté à n'importe quel emplacement de HTML, et il peut être ajouté entre <A-Head> et </Aad>. Plus la position est élevée, plus l'exécution, surtout lorsque le code de la page est plus long, essayez de le mettre en avant si vous voulez que la page apparaisse tôt.
【Fenêtre contextuelle après le réglage】
Parlons des paramètres de l'apparence de la fenêtre contextuelle. Ajoutez simplement un peu plus au code ci-dessus.
Personnalisons l'apparence, la taille et la position pop-up de cette fenêtre contextuelle en fonction de la situation spécifique de la page.
Le code est le suivant:
<Script Language = "Java Script:> <! - Window.Open ('page.html', 'Newwindow', 'height = 100, width = 400, top = 0, Left = 0, toolbar = no, menuBar = no, scrollbars = no, resizable = no, location = no, status = no') // écrire comme une ligne -> </ / script>Explication des paramètres:
<Script Language = "Java Script"> Le script JS commence;
Commande Window.Open pour faire monter une nouvelle fenêtre;
page.html Le nom de fichier de la nouvelle fenêtre apparaît;
Le nom de la fenêtre pop-up Newwindow (pas le nom de fichier), qui peut être remplacé par vide ";
hauteur = 100 hauteur de fenêtre;
supérieur = 0 La valeur de pixel de la fenêtre en haut de l'écran;
gauche = 0 La valeur de pixel de la fenêtre du côté gauche de l'écran;
barre d'outils = non pour afficher la barre d'outils, oui est l'affichage;
MenUbar, Scrollbars signifie la barre de menu et la barre de défilement;
Resizable = Non, qu'il s'agisse de modifier la taille de la fenêtre, oui est autorisé;
Emplacement = Non, s'il faut afficher la barre d'adresse, oui est autorisé;
status = non afficher des informations dans la barre d'état (généralement le fichier est déjà ouvert), oui est autorisé;
</cript> Le script JS se termine.
【Utilisez des fonctions pour contrôler les fenêtres contextuelles】
Voici un code complet.
Le code est le suivant:
<html> <éadf> <script linguisse = "java script"> <! - fonction openwin () {window.open ("page.html", "newwindow", "height = 100, width = 400, toolbar = no, menuBar = no, scrollbars = no, résidable = no, location = no, status = no";) / wait as a line} > ... Contenu de la page arbitraire ... </ body> </html>Voici une fonction OpenWin () définie, et le contenu de la fonction consiste à ouvrir une fenêtre. Il n'y a pas d'usage avant qu'il ne soit appelé. Comment l'appeler?
Méthode 1: <body> Une fenêtre contextuelle apparaît lorsque le navigateur lit la page;
Méthode 2: <body> Une fenêtre contextuelle apparaît lorsque le navigateur quitte la page;
Méthode 3: Appelez avec une connexion: <a href = "#"> Ouvrez une fenêtre </a>
Remarque: le "#" utilisé est une connexion virtuelle.
Méthode 4: Appelez avec un bouton: <entrée type = "Button" Value = "Open Window">
[Le fichier 1.htm est ouvert dans la fenêtre principale, et une petite page de fenêtre.html apparaît en même temps]
Ajoutez le code suivant à la fenêtre principale <Aad> Zone:
Le code est le suivant:
<Script Language = "Java Script"> <! - fonction openwin () {window.open ("page.html", "", "width = 200, height = 200";)} // -> </ script>Ajoutez simplement la zone <body>: <a href = "1.htm"> ouvert </a>.
【Contrôle Contrôle de clôture chronométrée pour la fenêtre pop-up】
Prenons un certain contrôle sur la fenêtre contextuelle, et l'effet sera encore meilleur. Si nous ajoutons un petit morceau de code à la page contextuelle (notez qu'il est ajouté au HTML de Page.html, pas la page principale, sinon ...), ne serait-il pas plus cool de le laisser se fermer automatiquement après 10 secondes?
Tout d'abord, ajoutez le code suivant à la zone <A-Head> du fichier page.html:
Le code est le suivant:
<script lingots = "java script"> function closeit () {setTimeout ("self.close ()", 10000) // ms} </cript>Ensuite, utilisez la phrase <body> au lieu de la phrase d'origine <body> dans page.html. (N'oubliez pas d'écrire cette phrase! Le but de cette phrase est d'appeler le code qui ferme la fenêtre et de fermer vous-même la fenêtre après 10 secondes.)
【Ajoutez un bouton de fermeture dans la fenêtre contextuelle】
Le code est le suivant:
<formulaire
<Input type = 'bouton' value = 'close'
</ form>
Haha, c'est plus parfait maintenant!
[Fenêtre popt-up incluse - deux fenêtres par page]
Les exemples ci-dessus contiennent tous deux fenêtres, l'une est la fenêtre principale et l'autre est la fenêtre contextuelle.
Avec l'exemple suivant, vous pouvez terminer l'effet ci-dessus dans une page.
Le code est le suivant:
<html> <éadfr> <script linguisse = "java script"> function openwin () {openwindow = window.open ("", "newwin", "height = 250, width = 250, toolbar = no, scrollbars =" + scroll + ", menuBar = no";); // L'écrivez-le comme une ligne openwindow.document.write ("<ititle> Exemple </Title>";) OpenWindow.Document.Write ("<Body BgColor = # fffff>";) OpenWindow.Document.Write ("<h1> Hello! </h1>";) OpenWindow.Document.Write ("nouvelle fenêtre ouverte!") OpenWindow.Document.Write ("</ Body>";) OpenWindow.Document.Write ("</Html>";) OpenWindow.Document.close ()} </script> </ head> <body> <a href = "#"> Ouvrir une fenêtre </a> <Entrée = "Button" Value = "Open Window"> </ Body>Voyons si le code dans OpenWindow.Document.Write () n'est pas le HTML standard? Écrivez simplement plus de lignes dans le format. Faites attention que si une étiquette de plus ou une étiquette de moins provoque des erreurs. N'oubliez pas de terminer avec openWindow.Document.close ().
【Application ultime - Contrôle des cookies dans la fenêtre contextuelle】
Rappelez-vous que bien que la fenêtre pop-up ci-dessus soit cool, il y a un peu de problème (vous êtes immergé dans la joie, vous ne devez pas le trouver, non?) Par exemple, si vous mettez le script ci-dessus dans une page qui doit passer fréquemment (comme la page d'accueil), puis chaque fois que vous actualisez cette page, la fenêtre apparaîtra une fois. N'est-ce pas très ennuyeux? Y a-t-il une solution? Oui! Suis-moi. Nous avons juste besoin d'utiliser des cookies pour le contrôler.
Tout d'abord, ajoutez le code suivant à la zone <A-Head> de la page principale HTML:
Le code est le suivant:
<Script> fonction openPopup () {window.open ("Hello.htm", "", "width = 300, height = 300") // modifie la fenêtre pop-up vous-même} function get_cookie (name) {var search = name + "=" var returnvalue = ""; if (documents.cookie.length> 0) {offset = documents.cookie.indexof (search) if (offset! = -1) {// if cookie existe offset + = search.length // set index de début de valeur end = documents.cookie.indexof (";", offset); // Définir l'index de la fin de la valeur des cookies if (end == -1) end = documents.cookie.length; returnValue = unEscape (documents.cookie.substring (offset, end))}} return returnValue; } fonction chargepopup () {if (get_cookie ('poppped') == '') {openPopup () documents.cookie = "poppped = yes"}} </ script>Tapez le code suivant dans la zone du corps:
<body> // Pop When Leave Page
ou:
<body> // Pop lorsque Entrez la page
Vous pouvez essayer de rafraîchir cette page ou de le rentrer, et la fenêtre ne sautera plus jamais. Le vrai pop-only-once!
Après avoir écrit cela, les techniques de production et d'application des fenêtres pop-up ont été essentiellement terminées. J'espère que je serai très heureux d'aider mes amis qui font des pages Web.
Il convient de noter que le cas dans les scripts JS est mieux gardé cohérent avant et après.
Fenêtres contextuelles sans menus, barres d'outils et barres d'adresse:
Le code est le suivant:
<Script Language = "Java Script"> <! - var gt = unEscape ('% 3e'); var popup = null; var over = "lancement de navigateur pop-up"; popup = window.open ('', 'popupnav', 'width = 500, height = 500, resizable = 0, scrollbars = auto'); // largeur = 500, hauteur = 500 sont la longueur et la largeur de la fenêtre if (popup! = null) {if (popup.opener == null) {popup.opener = self; } popup.location.href = 'Le nom de fichier à ouvrir'; } // -> </ script>Méthode 2: Application cookies: Contrôler la fenêtre contextuelle Lorsque nous définissons une fenêtre pop-up pop dans une page, chaque fois que nous renforçons la page, la fenêtre pop apparaîtra automatiquement, causant des problèmes inutiles. Alors, comment résoudre ce problème? Ici, j'utiliserai un exemple simple pour expliquer comment faire en sorte que le pop-up pop-up apparaisse uniquement lorsque vous parcourez la page pour la première fois en faisant des cookies, et cela ne provoquera plus d'agacement à l'avenir!
Copiez le code comme suit: <cript> function openpopwindow () {window.open ("Hello.htm", "", "width = 200, height = 200" // Modifier la fenêtre pop-up vous-même} function get_cookie (name) {var search = name + "=" Documents.cookie.indexof (Search); returnValue = unEscape (documents.cookie.substring (offset, end))}} returnValue;} function loss
Tapez le code ci-dessus dans la zone corporelle: <body> // popt en quittant la page
Ou: <body> // L'effet de la fenêtre contextuelle apparaît lorsque la page apparaît lors de la sortie de la page:
Effet: Lorsque d'autres ferment cette page, une fenêtre apparaît et vous pouvez écrire des mots de bénédiction
Code de base:
Le code est le suivant:
<Script Language = "JavaScript"> <! - Begin Fonction Leave () {window.open ('1.htm', ", 'Toolbar = no, menuBar = no, location = no, height = 225, width = 235'); Break} // end -> </ script>Ce qui précède est tout le contenu de cet article. J'espère que cela sera utile à l'apprentissage de tous et j'espère que tout le monde soutiendra davantage Wulin.com.