时间戳

首页 > 解决方案 > 如何显示 URL 中带有随机数的图像？

javascript - 如何显示 URL 中带有随机数的图像？

问题描述

我正在尝试使用 PubChem 制作某种化合物生成器。我已经成功生成了一个带有随机数的网站链接（例如https://pubchem.ncbi.nlm.nih.gov/compound/123456），以及一个图片链接（例如https://pubchem. ncbi.nlm.nih.gov/image/imgsrv.fcgi?cid=123456&t=l )。但是，当我尝试将随机图像链接嵌入到文档中时，它没有显示出来。在编程方面，我只是一个初学者。

var lower = 0;
var upper = 100000000;
var rand = (Math.floor(Math.random() * (upper - lower)) + lower)
var url = "https://pubchem.ncbi.nlm.nih.gov/compound/" + rand
var img = "https://pubchem.ncbi.nlm.nih.gov/image/imgsrv.fcgi?cid=" + rand + "&t=l"
document.write("<a href=" + url + ">" + url + "</a>");
document.write("</br><a href=" + img + ">" + rand + "</a>");
document.write("</br><img src=" + img + "alt=" + rand + ">")

标签： javascripthtmlimagerandomhyperlink

解决方案

您从 javascript 输出的 HTML 错误。看一下javascript的最后一行：

var lower = 0;
var upper = 100000000;
var rand = (Math.floor(Math.random() * (upper - lower)) + lower);
var url = "https://pubchem.ncbi.nlm.nih.gov/compound/" + rand;
var img = "https://pubchem.ncbi.nlm.nih.gov/image/imgsrv.fcgi?cid=" + rand + "&t=l"
document.write('<a href="' + url + '">' + url + '</a>');
document.write('</br><a href="' + img + '">' + rand + '</a>');
document.write('</br><img src="' + img + '" alt="' + rand + '">');

推荐阅读