2014-09-30 29 views
0

我是新来的JS,我需要一些帮助。我想制作一个随机报价页面。我将所有引号保存为.txt文件(1.txt,2.txt ... 87.txt)。我喜欢嵌入的方式使报价看起来,只是一种朴素的和类型的作家。 我正在寻找的最终结果是,只要单击随机按钮,就会将嵌入标记中的src更改为随机引号。使用javascript更改嵌入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(“兰德”)的innerHTML只是所以我可以看到,如果随机一部分工作,它是。

我不确定document.getElementById(“test”)。src = x +“.txt”;部分。 我虽然是改变标识的ID在任何标签的src,但它似乎并没有这样工作。

回答

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> 
+0

实际上并没有回答'如何使用javascript更改嵌入src' – rvighne 2015-09-13 05:32:04