这是代码,看起来很简单,它是我想要实现的东西的原型。我只想让我的屏幕的前10%左右有一个按钮或沿着这些线的东西,在iframe中打开一个随机链接,占据下面屏幕的其余部分。但是我在目标iframe中打开它时遇到了麻烦。所以在我开始搞乱它之前,这里是代码。我根本不懂javascript,所以我很惊讶我完全没有这个。
<body>
<script>
<!--
/*
Random link button- By JavaScript Kit (http://javascriptkit.com)
Over 300+ free scripts!
This credit MUST stay intact for use
*/
//specify random links below. You can have as many as you want
var randomlinks=new Array()
randomlinks[0]="http://houvv.deviantart.com/art/Water-Spirit-498202921"
randomlinks[1]="https://www.artstation.com/artwork/b08Jr"
randomlinks[2]="http://leekent.deviantart.com/art/Night-Stalker-505269510"
randomlinks[3]="http://joshtffx.deviantart.com/art/Firekeeper-Dark-Souls-3-609065320"
function randomlink(){
window.location=randomlinks[Math.floor(Math.random()*randomlinks.length)]
}
//-->
</script>
<form method="post">
<center><p><input type="button" name="B1" value="Dreamquest" onclick="randomlink()"></p> </form></center>
<!--Uncomment below to use a regular text link instead
<a href="javascript:randomlink()">Random Link</a>
-->
<p>
<iframe src="stumble.html" frameborder="0" noresize="noresize" name="iframe" style="position:relative; background:transparent; width:100%;height:100%;top:40px;padding:0;" />
</body>
答案 0 :(得分:0)
你可以做到
var randomlinks = ['http://houvv.deviantart.com/art/Water-Spirit-498202921','https://www.artstation.com/artwork/b08Jr','http://leekent.deviantart.com/art/Night-Stalker-505269510','http://joshtffx.deviantart.com/art/Firekeeper-Dark-Souls-3-609065320'];
而不是创建数组并定义其元素,因为您可以在JavaScript中动态定义事物。
这些行上也有错误
<form method="post"><center><p><input type="button" name="B1" >value="Dreamquest" onclick="randomlink()"></p> </form></center>
因为你在表单元素之后结束了你的中心元素,
<form method="post"><center><p><input type="button" name="B1" >value="Dreamquest" onclick="randomlink()"></p></center> </form>
这将是正确的代码。
但无论如何,你的代码似乎即使有错误也能正常工作,所以我没有看到问题。
编辑: 我用你的代码调整了一点https://jsfiddle.net/xxmq68e9/
function randomlink(){
var iframe = document.getElementById('iframe');
iframe.setAttribute('src','https://www.artstation.com/artwork/b08Jr');
}
似乎有效,但似乎网站不允许在iframe中加载他们的网页,因为我一直收到错误
拒绝在相框中显示网址,因为它设置了“X-Frame-Options&#39;到&#39; SAMEORIGIN&#39;。