我如何在html中组合javascript变量答案

【问题标题】：how can i combine javascript variables inside html我如何在html中组合javascript变量
【发布时间】：2015-01-17 08:18:53
【问题描述】：

我想知道如何使用动态变量更改图片的大小，但由于某种原因我无法使其工作。这是我的代码：

我的 javascript 块中有一个名为 picH 的变量：

var picH = 2;

然后我有我的 html 代码，它为图像提供高度属性：

img src="img/1.png" height="picH"

我尝试提供变量，但它似乎不起作用。如果我输入数字，大小确实会改变。

【问题讨论】：

你根本不知道自己在做什么——不如先阅读一些关于 html 和 js 的基础知识
你需要通读一些初级 JS 教程。 JS 不能以您目前认为的方式工作，即只是将变量名放在 HTML 中。您需要通过称为 DOM 脚本的方式引用元素。
查看 angularJS。这将允许您使用 {{}} 语法在 HTML 中包含 JS。或 Handlebars.js。有很多选择。
Change image size with JavaScript的可能重复
@WesDuff 这是一个糟糕的建议。没有什么反对角度的，但你不需要一个库来改变图像的高度，或者只使用内联脚本。

标签： javascript html

【解决方案1】：

好吧，尽管这可能很悲伤，但我同意上面的意思，您可能应该只阅读一些 HTML 和 JavaScript 教程。 jQuery 可能是一个不错的选择，但信不信由你，回到过去我们在没有花哨框架的情况下使用 JavaScript 的时代。我想说的是，您所驾驶的更像是这样的：

<html>
    <head>
        <title>Webpage</title>
    </head>
    <body>
        <img src="img/1.png" id="theIDofTheImage">
    </body>
</html> 

<script>
    var picH = 2;
    var imageElement = document.getElementById("theIDofTheImage");
    imageElement.height = picH;
</script>

当然，我确定您正在做一些更复杂的事情，但我只想简单地回答您的问题。

干杯！

~JI

【讨论】：

你的脚本不应该在你身体的末端，这样它才能真正检测到图像吗？
是的。我有点生疏了，最近一直在写驱动软件，之前用的是jQuery的ready函数。我想最终我希望将 head 标记中包含的所有 javascript 视为一个单独的文件......再次，这是一个简单的答案。给予的比给予的多得多。谢谢。