Enregistrement de révision JavaScript - diverses utilisations de la sortie

J'ai déjà étudié le contenu de sortie en JS, mais maintenant je l'ai retourné et regardé, et il est très inconnu. Par conséquent, en cas de mémorisation, il est préférable de l'écrire pour approfondir l'impression, et il sera beaucoup plus facile de le réviser à l'avenir.

1. Contenu de sortie document.write

document.write() peut être utilisé pour écrire directement du contenu dans le flux de sortie HTML et afficher le contenu directement sur la page Web.

(1) Le contenu de sortie est directement entouré de " ".

document.write("Hello World!");

(2) Sortir le contenu via des variables.

var myVar="Hello World!";
document.write(myVar);

(3) Sortez plusieurs contenus et connectez-les avec le signe +.

var myVar="Hello";
document.write(myVar + "World!");

(4) Balises HTML de sortie, et les balises sont entourées de " ".

var myVar="Hello World!";
document.write(myVar + "</br>");

2. Espaces de sortie

En raison du mécanisme d'affichage du navigateur, les espaces saisis manuellement afficheront plusieurs espaces consécutifs dans un seul espace.

(1) Utilisez la balise HTML de sortie  

document.write("  "+"1"+"   "+"23");
//输出结果：  1   23

(2) Utilisez les styles CSS pour le résoudre.

document.write("<span style=&#39;white-space:pre&#39;>"+"  1   23"+"</span>");
//输出结果：  1   23

3. Boîte de dialogue de message d'avertissement et d'alerte

Aucune autre opération ne peut être effectuée avant de cliquer sur le bouton "OK" dans la boîte de dialogue. La boîte de dialogue de message peut généralement être utilisée pour. programmes de débogage. le contenu de la sortie d'alerte, qui peut être une chaîne ou une variable, est similaire à document.write.

4. Confirmation, boîte de dialogue de confirmation du message

La boîte de dialogue de confirmation du message est souvent utilisée pour permettre aux utilisateurs de faire des choix. Syntaxe : confirm(str); où str est le texte à afficher dans la boîte de dialogue de message et la valeur de retour est une valeur booléenne.

var myMessage=confirm("你想学习吗？");
if(myMessage==true){
    document.write("想的，好好学习。");
}
else{
    document.write("不，你想！");
}

remarque : L'utilisateur ne peut pas effectuer d'autres opérations avant de cliquer sur le bouton de dialogue.

5. Question, boîte de dialogue de message d'invite

l'invite fait apparaître une boîte de dialogue de message, généralement utilisée pour demander certains messages nécessitant une interaction avec l'utilisateur. La boîte de dialogue du message d'invite comprend un bouton OK, un bouton Annuler et une zone de saisie de texte. Syntaxe : prompt(str1,str2); où str1 est le texte à afficher dans la boîte de dialogue du message et ne peut pas être modifié, str2 est le contenu de la zone de texte et peut être modifié.

var myName=prompt("请输入您的大名：");
if(myName!=Null){
    alert("Hello "+myName);
}
else{
    alert("Hello my friend.");
}

6. Ouvrez une nouvelle fenêtre. La méthode window.open

open() peut trouver une fenêtre de navigateur existante ou nouvelle. Syntaxe : window.open([URL],[window name],[parameter string]); parmi eux,

URL : paramètre facultatif, l'URL ou le chemin de la page web à afficher dans la fenêtre, s'il est omis ou Si la valeur de ce paramètre est une chaîne vide, la fenêtre n'affichera pas le document.

Nom de la fenêtre : Le nom est composé de lettres, de chiffres et de _. Noms ayant une signification particulière : _blank, affiche la page Web cible dans une nouvelle fenêtre ; _self, affiche la page Web cible dans la fenêtre actuelle ; _top, affiche la page Web cible dans la fenêtre supérieure de la page Web du cadre. Différentes fenêtres nécessitent des noms différents et il ne peut pas y avoir d'espaces dans le nom.

Chaîne de paramètres :

var myWin=window.open("https://blog.csdn.net/bertZuo");    //将新打开的窗口对象存储在变量myWin中
myWin.close();    //关闭窗口

Articles connexes :
Résumé des différentes méthodes de pop-up Javascript windows_javascript skills

Vidéos associées :

Tutoriels vidéo sur la syntaxe de base JavaScript et les instructions de base

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!