JavaScript 图像 URL

Question

我很难弄清楚这会读什么:

<img src="/path/frontend/bigpath/default/images/heyhey/coolguy/' + partElements['awesometimes']['color'] + '.png">

该图像的 URL 输出是什么？

<小时/>

与此页面相关；自行车定制器。

我喜欢这个网站，并试图更好地理解他们如何用 JS 实现这一目标。

http://www.myownbike.de/

Answer 1

你的问题不清楚。因为它的评估值完全取决于

partElements['awesometimes']['color'](我假设partElements是JavaScript数组)

此外，由于连接不正确，还会导致语法错误。此外，串联应该是 JavaScript 的一部分。你的 HTML 代码无法做到这一点。如果你试图用 HTML 来实现，它永远不会起作用。

下面的代码可能会帮助你。

<script type="text/JavaScript">
window.onload=function(){
    document.getElementById('myImg').src = "james" + "bond" + ".jpg";
}
</script>
<img src="" id="myImg">

让 JavaScript 完成它的连接工作。让 HTML 来做它的渲染工作。

如果您在评估结果方面遇到困难，请开始使用调试工具。 所有主流浏览器都提供这些功能。

Chrome 调试工具很好。 引用文献:https://developers.google.com/chrome-developer-tools/docs/javascript-debugging

尝试在 Chrome 控制台中评估 img src 的字符串连接来了解它。