如何將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