jQuery:随机报价脚本在用户点击时更新？ document.write 问题

Question

我正在尝试制作一个动态引用旋转器，将文本覆盖在图像上。 JS 和 jQuery 都可以很好地解决这个问题。问题是我希望它在每次单击按钮时更新，以便用户不必刷新页面即可查看新报价。

使用 jQuery.text()、.html() 或 .append() 为 DIV 提供代码后是否可以执行 document.write？它可以很好地逐字打印实际文本，但不会执行 <script>。

如果有人有经验或替代建议，不涉及将其变成 PHP/MySQL 的整个大 AJAX 事物，我会洗耳恭听。我不是在寻找任何人来编写我的代码；请为我指明正确的方向。我有一种压倒性的感觉，这实际上应该比我想象的要容易得多，而且我知道我错过了一些基本和简单的东西。

感谢您的阅读，我欢迎大家提供任何建议。

编辑/更新:我在下面提供了一些基本代码，以便您更好地了解我的意思。

<div id="text"></div>

<script src="quotes.js"></script>
$("#text").text('
  <script type="text/javascript">document.write(quote[Math.floor(Math.random()*5)]);&lt;/script&gt;
');

我只想使用从quotes.js 中提取的随机引用来更新#text。如果我能让它发挥作用，我就可以自己弄清楚如何使用 jQuery.click() 更新它。

Answer 1

文档加载后，您将无法使用 document.write()。这样做将导致整个文档被清除并开始新的文档。如果您想向已加载的文档添加文本，则可以使用适当的 jQuery 方法来修改现有元素或添加新元素。

为了帮助您获得准确的代码，我们需要查看您的 HTML 以及您要添加到其中的内容的更完整的描述。

作为一些示例，可以使用 .append() jquery 方法或使用 .html() 方法将对象添加到元素。