javascript - 如何将 Javascript 变量传递到 HTML 文件中

标签 javascript html

我是 Javascript 和 HTML 新手。我有一个小问题,我一直在尝试解决,但不知道如何解决。

我正在尝试将变量从 Javascript 文件中的方法传递到 HTML 文件中,并像使用 HTML 代码一样使用它的值。 我知道 Javascript 文件已正确传递到 HTML,问题只是从中获取变量。

以下是相关的 Javascript 方法:

function getCode()  {
    var myCode ="Hello World";
    document.getElementById("myCode").innerHTML = "<a>" + myCode + "</a>";
}

下面是相关的 HTML 代码:

<body>
    <a href="myCode" onclick="getCode()">
    <code id="myCode" class="prettyprint"> myCode </code>
</body>

我不知道我这样做是否正确。我只需要将变量 myCode 转换为 HTML 代码,换句话说,此时 HTML 中的 myCode 应转换为“Hello World”:

<code class="prettyprint"> myCode </code>

最佳答案

单击链接时,浏览器会将地址栏更改为 myCode,因为这就是 anchor 的 href 属性所指向的内容。

我猜这不是您想要的,因此您可以将 href 属性的值更改为 # 之类的值来防止这种情况发生。

<a href="#" onclick="getCode()">

关于javascript - 如何将 Javascript 变量传递到 HTML 文件中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22133970/

相关文章:

javascript - 在 JQuery 中将输入值设置为属性值

html - "Pros"是如何设计和编码网站的?

javascript - 我如何在 Firefox 中执行 OuterHTML?

javascript - 如何重新投影图层(使用 GeoServer 和 OpenLayers)以覆盖在谷歌地图上

javascript - 如何使用 JavaScript 将两个文本框相乘并显示结果

javascript - 在 IE 中替代 CSS 混合模式?

javascript - 运行此js代码后占位符的文本消失

html - 我的下拉导航菜单存在宽度和居中问题

javascript - 如何通过单击 NW.JS 中的按钮触发文件对话?

javascript - 如何使用 RegEx 检查表单输入是否以 .pdf 结尾