2014-05-16 150 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都不確定的,正如我上面所述。