2014-09-30 58 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