2014-05-16 2 views
-3

Ce code génère un lien aléatoire à partir de la variable, mais ce lien ne s'ouvre pas dans iframe Je dois afficher des liens aléatoires dans iframe chaque fois que le bouton est cliqué. Comment faire ça?Les sites Web au hasard ne s'affichent pas sur iframe

<html> 

<script> 

var cat1 = [ 
    "http://arborjs.org", 
    "http://cartodb.com", 
    "http://vis4.net/labs/185" 
    ]; 

var myFrame = document.getElementById("frame"); 
getRandomUrl(myFrame); 

function getRandomUrl(myFrame) { 
    var index = Math.floor(Math.random()*cat1.length); 
    var url = cat1[index]; 
    document.getElementById('frame').src = url; 
} 

btn.addEventListener("click", function() { 

    getRandomUrl(myFrame); 

}); 
</script> 
<body> 
<button id="btn">Click</button> 
<br> 
<iframe id="frame" src="" style="width:500px; height: 500px"></iframe> 


</body> 
</html> 

Répondre

4

Vous devez placer la balise de script après tout votre HTML ou attendre le chargement de la fenêtre.

De plus, vous appelez une fonction avant qu'elle ne soit définie.

This code is generating a random link from variable

Je ne pense pas que cela se passe, il devrait vous dire si vous ouvrez votre console la fonction et iframe sont à la fois non définie, comme je l'ai dit ci-dessus.

Questions connexes