2014-05-16 113 views
-3

此代码正在生成随机链接变量,但该链接未打开iframe我需要在iframe中显示随机链接,无论何时单击该按钮。怎么做?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> 

回答

4

您必须在所有HTML之后放置脚本标记或等待窗口加载。

另外,您在定义函数之前调用函数。

This code is generating a random link from variable

我不认为这是发生,如果你打开你的控制台它应该告诉你的函数和iframe都不确定的,正如我上面所述。