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

标签 javascript html

评论几乎解释了你看不到的东西。 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>

关于javascript - 使用javascript在html中制作随机图像/文本/url元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27030818/

相关文章:

html - 中心 div 没有负边距

javascript - 幻灯片正在从网站中删除部分文本

javascript - 在现有模板字符串中包含 Javascript 模板字符串

javascript - 带有 ui.router 的 ng-template,单独的文件

javascript - Google SteppedArea 图表 - 自定义工具提示两个动画数据集

html - Flexbox 6 列等宽

javascript - 了解 Webpack 输出

javascript - 喜欢在单击按钮时播放随机的音调序列

jquery - 如何保存可重新订购列表的新订单?

html - 如何从一个输入获取值到另一个输入?