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

Question

我是Java和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>

Answer 1

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

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

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

Answer 2

应该可以正常工作，但是设置href值意味着在单击锚点时会对其进行重定向。

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

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

小提琴

Answer 3

这是一个有效的JSFiddle： http : //jsfiddle.net/bGQy5/

<body>
    <a href="#" onclick="getCode()">Click me</a>

    <br/><br/>

    <code id="myCode" class="prettyprint"> Text
        <a href="#">Test</a>
    </code>


</body>

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

请注意一些问题：

您没有关闭第一个标签，这不好
您应该在链接上设置“ HREF”标签，以使其可点击。
您需要引用某个函数（例如，将其附加到窗口或类似窗口上）
您最好使用JavaScript库（例如jquery）

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

问题描述

3 个解决方案

解决方案1
2 2014-03-02 21:50:31

解决方案2
2 2014-03-02 21:51:32

解决方案3
1 已采纳 2014-03-02 21:53:18

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

问题描述

3 个解决方案

解决方案1 2 2014-03-02 21:50:31

解决方案2 2 2014-03-02 21:51:32

解决方案3 1 已采纳 2014-03-02 21:53:18

解决方案1
2 2014-03-02 21:50:31

解决方案2
2 2014-03-02 21:51:32

解决方案3
1 已采纳 2014-03-02 21:53:18