使用javascript更改嵌入src

时间:2014-09-30 03:14:25

标签: javascript embed src

我是JS的新手,我需要一些帮助。我想制作一个随机引用页面。我将所有引号保存为.txt文件(1.txt,2.txt ... 87.txt)。我喜欢嵌入的方式使报价看起来,只是简单和类型的作家。 我正在寻找的最终结果是,只要单击“随机”按钮,就会将embed标记中的src更改为随机引用。

这就是我所拥有的:

<html>
<head></head>
<body>

<button onclick="myFunction()">Random</button>

<embed id="text" src="a.txt" width="500" height="300">

<p id="rand"></p>

<script>
function myFunction() {
var x = Math.floor((Math.random() * 87) + 1);
document.getElementById("text").src = x + ".txt";
document.getElementById("rand").innerHTML = x + ".txt";
}
</script>

</body>
</html>

额外的 document.getElementById(&#34; rand&#34;)。innerHTML 就是这样,我可以看到随机化部分是否正常工作,它是什么。

我不确定 document.getElementById(&#34; test&#34;)。src = x +&#34; .txt&#34 ;; 部分。 我虽然是在id所在的任何标签中更改src,但它似乎并没有这样工作。

1 个答案:

答案 0 :(得分:0)

我去了。我最终使用iframe来加载它们并且它完美地运行

<body onload="randomQuote()">
<center>
<button onclick="randomQuote()">Random Quote</button>
<p>
<iframe id="text" sandbox="allow-same-origin allow-scripts allow-popups allow-forms"     src="a.txt" width="300" height="300"></iframe>
<p id="rand"></p>
<script>
function randomQuote() {
var x = Math.floor((Math.random() * 87) + 1);
document.getElementById("text").src=x+".txt";
}
</script>