随机网站不会显示在iframe上

时间:2014-05-16 16:27:19

标签: javascript html 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>

1 个答案:

答案 0 :(得分:4)

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

此外,您在定义之前调用了一个函数。

This code is generating a random link from variable

我认为这不会发生,如果你打开你的控制台它会告诉你函数和iframe都是未定义的,如上所述。