Création dynamique de document Javascript nouvelles bitcoin aujourd’hui

JavaScript est sorti en même temps que le langage Microsoft Script, VBScript, et a permis de concevoir des sites Web flexibles et plus puissants. Il y a très peu de différence dans la puissance de programmation entre JavaScript et VBScript, mais j’ai écrit ces articles pour JavaScript. Je suppose que plus tard je pourrais les traduire en VBScript.

Cet article explore le JavaScript Document dynamique Capacités de création (DDC). Cela semble très compliqué, et ça l’est. Document dynamique La création est la création d’un document Web à partir du JavaScript. Il peut être créé pendant l’affichage d’un document HTML et peut être influencé par les fonctionnalités de la page Web en cours.


En tant que technique, il est très utile pour afficher des informations à partir de pages Web et créer de nouveaux documents HTML.

DDC vous emmène rapidement dans des cadres, de nouvelles fenêtres, des expressions variables et en utilisant DHTML pour accéder au DOM, et ces sujets seront abordés plus tard, en détail, dans de futurs articles. Cet article se concentre sur l’explication des principes de la CDD et est assez simple pour permettre aux débutants de passer des concepts simples aux concepts avancés de CDD.

Les composants de base de DDC sont les fonctions JavaScript ‘write ()’, ‘writeln ()’, ‘open ()’ et ‘close ()’. ‘write ()’ écrit la chaîne qu’il contient dans le document référencé. ‘writeln ()’ fait de même, sauf qu’il ajoute un caractère de retour chariot après avoir écrit sa chaîne. ‘open ()’ et ‘close ()’ ouvrent et ferment des documents. Ils n’ont aucune pertinence pour cet article, et seront discutés plus tard.

Il existe deux niveaux de base d’implémentation de DDC, le premier consiste à créer un nouveau document à partir du document actuel et le second à créer un document dans une nouvelle fenêtre. Créer une nouvelle fenêtre implique une connaissance détaillée du premier type de DDC, et donc je vais commencer par le premier type.

Ce code, sans élément du tout, écrit ‘Hello Word, from DDC in Action’ sur la page. Son équivalent serait d’ajouter le texte entre les balises d’ouverture et de fermeture d’un élément. Donc, même si dans cet exemple il n’y a pas eu d’économies, avoir la ligne de texte implémentée en JavaScript, où il peut s’agir d’une variable, augmente notre contrôle sur la page Web.

Vous pouvez donc voir la différence entre write et writeln, avec l’inclusion d’un espace après ‘Hello World’. Notez que le dernier writeln est inutile dans cet exemple, car rien de ce qu’il écrit après le retour chariot est invisible. Cependant, ce n’est pas une fonctionnalité de conception – si vous deviez ajouter un autre texte, la différence deviendrait à nouveau visible.

Les fonctions sont des morceaux de code qui effectuent des calculs sur une certaine plage de variables, et sont généralement appelés beaucoup, généralement à partir de différentes sections d’un programme. Nous pouvons utiliser des fonctions en JavaScript avec beaucoup d’effet, et donc je les ai brièvement expliquées et leur implémentation. Si nous souhaitons définir une fonction appelée ‘ButtonPress’ et ceci prend un paramètre ‘buttonnumber’, nous définirons ceci comme:

La fonction est définie dans une balise. Cela soulève la question de savoir quel JavaScript est interprété. Lors d’une première exécution, tout code JavaScript non fonctionnel sera exécuté. Les fonctions ne sont interprétées que lorsqu’elles sont appelées pour la première fois. Si vous exécutez ce programme, cela ne produira pas d’erreur. C’est parce que ‘code’ n’est jamais atteint.

Bien que ce programme ne fasse rien, il a donné à notre document HTML une fonction JavaScript, que nous pouvons appeler plus tard. Les accolades {} entoureront le contenu de la fonction. Notez que les fonctions n’ont pas besoin de prendre un paramètre, on aurait pu définir ButtonPress () de la même manière.

Ce code affiche trois boutons, puis vous indique celui que vous avez appuyé, démontrant ainsi l’utilisation des variables dans la commande d’écriture. JavaScript utilise une typographie lâche de variables, par ex. x peut être une chaîne, un entier ou un point flottant. L’instruction dans la commande write est une concaténation d’une chaîne et d’une variable, que l’interpréteur JavaScript lit comme une variable, convertit en la valeur de la variable et convertit la valeur en chaîne. Ces deux chaînes sont ensuite ajoutées ensemble. Pour appuyer sur un bouton différent afin d’obtenir un résultat différent, vous devez appuyer sur “Retour” dans votre navigateur.

Il y a un problème dans ce domaine. Nous ne pouvons pas ajouter de contenu à une page Web existante, nous pouvons seulement en créer un nouveau. Nous pouvons ajouter à un document que nous avons créé dynamiquement, ce qui peut être utile. Les techniques DHTML avancées vous permettent de modifier dynamiquement le contenu, et il existe des méthodes pour résoudre ce problème en tant que problème dans JavaScript, à savoir écrire dans un cadre dans la même fenêtre et écrire dans une nouvelle fenêtre. Ecrire à une nouvelle fenêtre, comme je l’ai déjà dit, est compliqué. Pour ce faire, vous avez besoin d’une connaissance complète de DDC, et vous devez ensuite suivre au moins deux fenêtres plutôt qu’une seule. J’ai couvert cela dans le prochain article de cette série, ‘Document dynamique Création dans une nouvelle fenêtre.

Cela illustre à nouveau l’écriture d’éléments HTML dans un nouveau document. Ce code se comporte exactement comme le code avant, mais vous remarquerez encore n’a aucun élément. Une autre astuce ici consiste à indexer le code d’écriture de bouton à travers une boucle for, en économisant du temps, en gardant le code bien rangé, et en augmentant légèrement notre contrôle sur le développement de la page Web.

Cela commence à devenir gênant. Un grand soin doit être exercé lors du suivi du type et de la profondeur des citations, et éviter de se confondre avec les combinaisons de chaînes / chiffres. Nous avons besoin d’entrer et de sortir de la chaîne ‘write’ plusieurs fois pour obtenir l’effet désiré. La commande write est très littérale dans son comportement, elle écrit simplement ce que vous lui dites, et le résultat est comme si vous aviez tapé le code en vous-même dans Windows NotePad.

crée notre chaîne désirée: ‘Button 1’. Ceci est répété pour toutes les valeurs itérées de l’index, ce qui crée trois boutons. Document.write les écrit dans un nouveau document HTML, et le spectateur verra trois boutons, nommés Button 1, Button 2 et Button 3, et chacun associé à un gestionnaire d’événement à la fonction ButtonPress, avec chaque bouton index comme paramètre pour le bénéfice de la fonction.

Ce code doit être enregistré dans le même dossier que “FramesforDDC.htm” et “ButtonsforFrames.htm”. Il y a un développement significatif avec cet exemple, qui consiste à naviguer avec succès dans la hiérarchie des cadres de fenêtres, pour pouvoir nommer le cadre dans lequel nous avons l’intention d’écrire. Comme nous sommes dans le cadre ‘Boutons’, son parent est ‘Fenêtre’, qui a deux cadres, ‘Boutons’ et ‘Information’. Nous avons besoin de l’image ‘information’, et donc cela a la référence parent.information. C’est une référence à une fenêtre, et nous accédons donc à la partie document de celle-ci. J’ai mis le bouton enregistré appuie sur une liste pour maintenir l’ordre.