使用javascript更改嵌入src

Change embed src using javascript

本文关键字：src javascript 使用      更新时间：2023-09-26

我是JS的新手，需要一些帮助。我想做一个随机报价页。我把所有的引号都保存为.txt文件（1.txt，2.txt…87.txt）。我喜欢嵌入的方式让引号看起来很简单，有点像作家。我想要的最终结果是，每当单击random按钮时，都会将嵌入标记中的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>

额外的文档.getElementById（"rand"）.innerHTML只是为了让我看看随机化部分是否有效，事实确实如此。

我不确定文档.getElementById（"test"）.src=x+".txt"部分。我以为这是为了更改id所在标签中的src，但似乎不是这样。

我去了。我最终使用了一个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>
相关文章：