使用javascript在html中制作一个随机的图像/文本/url元素

Using javascript to make a random image/text/url element in html

本文关键字：随机 一个 图像 url 文本 元素 html javascript 使用      更新时间：2023-09-26

注释几乎解释了你看不到的东西。 randInt 完全符合您的期望，adDescription 根据 randInt 的返回生成广告描述，rLink 基于相同的结果生成链接。

<script type="text/javascript">
    rNumber = randInt(5); //generate a random integer from 1 to 5
    rAd = adDescription(rNumber); //description of the random ad
    rLink = adLink(rNumber); //URL of the random ad
    document.write("<a href='" + rLink + "'>");
    document.write("<img src='ad" + rNumber + ".jpg' alt='" + rAd "'/>");
    document.write("</a>");
</script>

我的问题在于我的 document.write 调用。

当一切都说完了，它应该将以下内容写入我的 html 代码

<a href="url">
    <img src="adn.jpg" alt="description"/>
</a>
是的，这是

给学校的，我确切地知道我想做什么，但由于某种原因，它没有渲染，在我的脑海中，这是有道理的。我犯了什么明显的错误，我只是看不到？

编辑：哦，这个脚本是在提供给我的预烘焙代码的预定部分中调用的。在我将此代码插入指示的div 元素之前，我的其余代码工作正常。此外，我还在文档头中调用了包含上述函数的脚本。

编辑2：是的，我觉得自己很笨。

写出<img>标签时缺少加号

<script type="text/javascript">
    rNumber = randInt(5); //generate a random integer from 1 to 5
    rAd = adDescription(rNumber); //description of the random ad
    rLink = adLink(rNumber); //URL of the random ad
    document.write("<a href='" + rLink + "'>");
    //                                                     Missed + here
    document.write("<img src='ad" + rNumber + ".jpg' alt='" + rAd + "'/>");
    document.write("</a>");
</script>

在 img src 标签中rAd后，您缺少一个+符号。

这是正确的代码

<script type="text/javascript">
    rNumber = randInt(5); //generate a random integer from 1 to 5
    rAd = adDescription(rNumber); //description of the random ad
    rLink = adLink(rNumber); //URL of the random ad
    document.write("<a href='" + rLink + "'>");
    document.write("<img src='ad" + rNumber + ".jpg' alt='" + rAd + "'/>");
    document.write("</a>");
</script>
相关文章：