此代码从变量生成随机链接,但该链接未在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>
答案 0 :(得分:4)
您必须在所有HTML之后放置脚本标记或等待加载窗口。
此外,您在定义之前调用了一个函数。
This code is generating a random link from variable
我认为这不会发生,如果你打开你的控制台它会告诉你函数和iframe都是未定义的,如上所述。