0

如何从 javascript randomizer 中的随机 url 列表中更改 iframe 的来源。我很想使用 js 或 html 或 css

下面的源代码是我当前的网站，它将您链接到列表中的随机网站，我想将它链接到的链接保留在与带有后退按钮等的框格式相同的页面中。

我的网站： http: //www.boredombutton.co.uk

以下是我的部分代码：

<script type="text/javascript">
var url=[
'http://www.fallingfalling.com',
'http://www.omfgdogs.com',
];
window.onload=function()
{document.getElementById('trig').onclick=function(){
location.href=url[Math.floor(Math.random()*url.length)];}}
</script>

而我想做的是 iframe 在同一个 iframe 中选择的 url 可以互换。

我的网站的整个源代码是这样的：

<html>
<head>

<title>BoredomButton</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<script type="text/javascript">
var url=[
'http://www.fallingfalling.com',
'http://www.omfgdogs.com',
'http://www.republiquedesmangues.fr',
'http://www.staggeringbeauty.com',
'http://ducksarethebest.com',
'http://eelslap.com',
'http://heeeeeeeey.com',
'http://breakglasstosoundalarm.com'


];
window.onload=function()
{document.getElementById('trig').onclick=function(){
location.href=url[Math.floor(Math.random()*url.length)];}}
</script>

<body align="center"  bgcolor="#egegeg" leftmargin="0" topmargin="0" marginwidth="0"      marginheight="0">




<table align="center" id="Table_01" width="968" height="650" border="0" cellpadding="0"    cellspacing="0">
<tr>
    <td colspan="3">
        <img src="images/BoredomButton_01.png" width="968" height="363"       alt=""></td>
</tr>
<tr>
    <td rowspan="2">
        <img src="images/BoredomButton_02.png" width="347" height="287" alt=""></td>
    <td>
        <a href="#" id="trig"><img src="images/BoredomButton_03.png" width="274" height="99" alt=""></td>
    <td rowspan="2">
        <img src="images/BoredomButton_04.png" width="347" height="287" alt=""></td>
</tr>
<tr>
    <td>
        <img src="images/BoredomButton_05.png" width="274" height="188" alt=""></td>
</tr>
</table>



</body>
</html>

提前感谢您的帮助，这真的很有帮助

4

1 回答 1

0

如果我理解正确，您希望在 iframe 中加载 URL，并在网站的某处显示所选的 URL。

将您的功能更改为：

<script type="text/javascript">
var url=[
    'http://www.fallingfalling.com',
    'http://www.omfgdogs.com',
];
window.onload=function() {
    var theURL = url[Math.floor(Math.random()*url.length)];
    document.getElementById('trig').onclick=function() {
        location.href=theURL;
    }}
    document.getElementById('chosenURL').innerHTML = '<a href="'+theURL+'">'+theURL+'</a>';
</script>

然后将此 HTML 添加到您的页面，在您想要文本的位置：

<div id="chosenURL"></div>
于 2013-07-15T13:16:20.427 回答