interface Web
tutoriel HTML
Flash intégré dans le HTML Solution pour intégrer des fichiers Flash dans le code d'une page Web HTML (Partie 1) _HTML/Xhtml_Production de pages Web
Flash intégré dans le HTML Solution pour intégrer des fichiers Flash dans le code d'une page Web HTML (Partie 1) _HTML/Xhtml_Production de pages Web
C'est la coutume du peuple chinois de célébrer le Nouvel An avant le quinzième jour du premier mois lunaire. Ici, je voudrais souhaiter une bonne année à vos amis du jardin.
Ces derniers jours, la page d'accueil du site Web de l'entreprise a dû être révisée. Après la « réduction des effectifs » de l'entreprise à la fin de l'année dernière, une personne doit faire le travail de plusieurs personnes, et tout à coup, il se sent comme un fardeau. est lourd. Non, ce n'est pas quelque chose qui entre dans le cadre de mon travail. Malheureusement, j'y ai été impliqué. Heureusement parmi les malheurs, la tâche qui m'a été confiée par BOSS cette fois est exactement la tâche de développement front-end qui m'a toujours passionné. . J'ai déjà participé au développement de programmes de gestion back-end pour le site Web de l'entreprise, traitant principalement la logique métier côté serveur. Je n'ai jamais eu l'occasion de mettre à profit mes compétences dans le développement front-end, ce qui me passionne. à propos de. La pratique est le meilleur moyen de tester les vraies connaissances. Résoudre les tâches pratiques qui m'ont été assignées est un test rare. J'ai appris beaucoup de connaissances dispersées à travers des livres et divers matériaux, mais je n'ai pas eu l'occasion de les combiner ensemble. haha. Il y a tellement de taches d'encre sur le devant, qui sont causées par une longue suppression, haha.
Permettez-moi d'abord de décrire les exigences de la tâche : Il y a une image JPG composée de cinq balles sur la page d'accueil du site Web de l'entreprise. Elle est utilisée pour la navigation. Cliquer sur le texte de chaque balle ouvrira les informations correspondantes. Sur la page secondaire, on retrouve une version Flash quasiment identique correspondant à l'image. Une des tâches qui m'est assignée par mon patron est la suivante : lorsque le navigateur client a un lecteur de fichiers Flash installé, la version Flash de la navigation s'affiche, et vice versa, la navigation des images JPG s'affiche. Après avoir terminé la tâche, réfléchissez-y un instant. En tant que développement front-end, vous devez bien sûr prendre en compte les problèmes de compatibilité des navigateurs. Heureusement, la meilleure façon de combler l'écart entre les navigateurs est d'utiliser un ou plusieurs frameworks JavaScript matures. il se trouve qu'il existe un framework JS très mature et sophistiqué, nommé : SWFObject.js.
La première fois que je suis entré en contact avec SWFObject.js, c'était sa V1.5, et cette fois j'ai utilisé la V2.1 pour résoudre le problème. Il existe encore quelques différences dans l'utilisation des deux. Dans l'ensemble, je pense que la V2.1 est un grand pas en avant par rapport à la V1.5 et est plus conforme au style de programmation JavaScript orienté objet en termes de code source du framework et de processus d'utilisation.
Je vais vous emmener dans ce voyage "difficile" du point de vue d'un chercheur qui vient d'explorer JavaScript, que vous soyez novice comme moi ou que vous maîtrisiez déjà l'écriture de divers JS. En tant que vétéran du codage, s'il vous plaît, soyez miséricordieux et espérez que tout le monde pourra souligner la myopie de ma pensée et les erreurs dans mes écrits de manière civilisée.
Le code suivant est un exemple d'utilisation que j'ai adapté d'une documentation de SWFObject V1.5 (si vous souhaitez en savoir plus sur la V1.5, veuillez cliquer sur ce lien) :
// L'exécution d'une fonction anonyme n'est pas différente de l'exécution d'une fonction ordinaire
(function() {
var flash = document.getElementById("flashcontent");
var msg = null;
window.onload = function() {
if ( flash ) {
msg = 'L'élément existe.'
flash.innerHTML = msg
} else {
msg = 'L'élément n'existe pas';
window.alert( msg );
}
})(); >