Exemple javascript pour ... en boucle:
<html> <éad- head> <ititle> Un exemple javascript utilisant un pour ... dans Loop </Title> </ head> <body> <script type = "text / javascript"> // Créer un objet myObject et trois propriétés SitEname, siteUrl, siteContent. var myObject = new Object (); myObject.Sitename = "Blabula"; myObject.SiteUrl = "Blabla.cn"; MyObject.SiteContent = "Site chinois de la galerie de code de tutoriel Web"; // Tranquility via toutes les propriétés de l'objet pour (Prop dans MyObject) {Document.write ("proP" "+ Prop +" "est" + "+ myObject [prop]); document.write ("<br>");} </cript> </body> </html>Aujourd'hui, le blog Java Tang en ligne a trouvé une méthode pour parcourir tous les noms et valeurs d'attribut d'un objet JavaScript. Ceci est très intuitif et pratique lors de l'utilisation de la méthode. Le code est le suivant:
/ * * Utilisé pour traverser tous les noms et valeurs d'attribut de l'objet spécifié * obj l'objet qui doit être traversé * Auteur: Jet MAH * / fonction allPrPos (obj) {// Utilisé pour enregistrer tous les noms d'attribut et valeurs var props = ""; // Démarrer la traversée pour (var p dans obj) {// méthode if (typeof (obj [p]) == "fonction") {obj [p] (); } else {// p est le nom d'attribut, obj [p] est la valeur des accessoires d'attribut correspondants + = p + "=" + obj [p] + "/ t"; }} // Enfin, tous les attributs alert (accessoires); }Le mécanisme de réflexion JavaScript d'Ajax fait référence à la possibilité d'obtenir ses propres informations lorsqu'elle est exécutée. Par exemple, un objet peut savoir quelles méthodes et propriétés il dispose au moment de l'exécution. Dans JavaScript, la syntaxe est la suivante:
pour (var p dans obj) {// instruction}Dans la programmation de l'Ajax, il est souvent nécessaire de modifier dynamiquement le style des éléments d'interface. Cela peut être modifié via l'attribut de style de l'objet. Par exemple, pour changer la couleur d'arrière-plan en rouge, vous pouvez l'écrire comme ceci:
element.style.backgroundcolor = "# ff0000";
Fondamentalement, les propriétés détenues dans CSS peuvent être utilisées en JavaScript:
function setStyle (_Style) {// Obtenez l'objet d'interface pour modifier l'élément var de style = getElement (); element.style = _Style; }L'objet de style entier est directement passé sous forme de paramètre:
var style = {couleur: #ffffff, backgroundColor: # ff0000, borderwidth: 2px}Vous pouvez appeler la fonction comme ceci:
SetStyle (style);
Ou écrivez-le directement comme:
setStyle ({couleur: # ffffff, backgroundColor: # ff0000, borderwidth: 2px});
Ce code ne semble avoir aucun problème, mais en fait, lors de l'utilisation du paramètre _STYLE TO ELEMENT.
element.style.height = "20px";
Cependant, la définition de la hauteur n'est pas incluse dans _Style, donc le style de hauteur de l'élément est perdu, pas le résultat initial. Pour résoudre ce problème, vous pouvez utiliser le mécanisme de réflexion pour remplacer la fonction SetStyle:
function setStyle (_Style) {// Obtenez l'objet d'interface pour modifier l'élément var de style = getElement (); pour (var p dans _Style) {element.style [p] = _ style [p]; }}Itérer via chaque attribut de _Style dans le programme pour obtenir le nom d'attribut, puis utilisez la syntaxe du support carré pour attribuer l'attribut correspondant dans Element.Style à l'attribut correspondant dans _Style.
L'article ci-dessus sur la page de traversée JS est tout le contenu partagé par l'éditeur. J'espère que cela pourra vous donner une référence et j'espère que vous pourrez soutenir Wulin.com plus.