Maison > interface Web > js tutoriel > le corps du texte

méthode js pour modifier les compétences de la balise intégrée src value_javascript

WBOY
Libérer: 2016-05-16 16:04:48
original
1441 Les gens l'ont consulté

L'exemple de cet article décrit comment modifier la valeur src de la balise embed dans js. Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :

Aujourd'hui, j'ai une demande, un tas de vidéos et un tas de liens. Cliquez sur le lien correspondant pour ouvrir la vidéo correspondante sur cette page.

La première idée est que c'est très simple. Changez simplement la valeur src par la valeur href de celle sur laquelle vous avez cliqué.

Je l'ai essayé et j'ai constaté que cela ne fonctionnait pas. Je lis toujours la vidéo, quelle que soit la façon dont je la joue. Ce sera toujours celle que je viens d'ouvrir.

La deuxième idée est d'ajouter une étiquette à l'extérieur de l'intégration, d'effacer le contenu à l'intérieur, puis de l'écrire. Cela devrait aller.

Je l'ai essayé, comme ci-dessus, mais ça ne marche toujours pas.

J’ai essayé de nombreuses méthodes similaires, mais cela n’a toujours pas fonctionné.

Enfin, j'ai pensé à masquer la balise embed (display:none) et à l'effacer à nouveau pour essayer. Enfin ça marche !

Le code est le suivant :

var tabv = document.getElementById("f_tabv");
var tabva = tabv.getElementsByTagName("a");
var tabcv = document.getElementById("f_tab_cv");
tabcv.innerHTML = '<EMBED src="abc.wmv" autostart="true"
width="545" height="325" type="video/x-ms-asf"></EMBED>';
for(var i=0; i<tabva.length; i++){
 tabva[i].onclick=function(){
 var href1 = this.getAttribute("href");
 var href2 = '<EMBED src="'+href1+'" autostart="true"
 width="545" height="325" type="video/x-ms-asf"></EMBED>';
 tabcv.getElementsByTagName("embed")[0].style.display="none";
 tabcv.innerHTML="";
 tabcv.innerHTML=href2;
 for(i=0; i<tabva.length; i++){
  tabva[i].className='';
 }
 this.className = "act";
 return false;
 }
}
Copier après la connexion

J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal