我有一个特定的脚本,我想在下面的iframe中打开

时间:2016-06-18 07:07:31

标签: javascript iframe

这是代码,看起来很简单,它是我想要实现的东西的原型。我只想让我的屏幕的前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>

1 个答案:

答案 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;。

How to set 'X-Frame-Options' on iframe?