javascript - 如何使用 href 链接将 javascript 变量作为参数传递？

Question

我有一个 JavaScript 变量，我想将其与 HTML 链接一起传递。

<script>
var demo=10;
</script>

我在执行一个 javascript 函数和几个 if-else 和 for 循环时得到了演示的值(value)。由于该代码对这个问题没有任何意义，因此我没有包含它。假设在所有这些操作之后，我得到的最终结果存储在 demo 变量中。现在我想传递这个演示变量和一个链接。

<a href="to_fake_page.php">On click pass demo</a>

我正在尝试将演示变量作为参数传递给 href 链接。这有可能吗？？？

我知道

window.location.href = "to_fake_page.php?demostore=demo";

会做同样的事情。

更新

这是我的 Javascript 函数

这个函数有一个参数 & 它被传递到a_php_page.php 执行一些数据库操作和条件检查 & 相应的结果从PHP页面传回到 AJAX 函数作为 JSON。我解析 JSON 并获取 demo 变量。如果我从 PHP 页面获得响应，则包含一个 HTML 模式。在 HTML 模式中，我有一个指向 to_fake_page.php 的链接，指向我必须在单击链接时传递演示变量的位置 On click pass demo。

 function onefunction(parameter)
   {
       if(window.XMLHttpRequest)
       {
           xmlhttp=new XMLHttpRequest();
       }
       else
       {
           xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
       }
       xmlhttp.onreadystatechange=function() //callback fn
       {
           if(xmlhttp.readyState==4 && xmlhttp.status==200)
           {
               // these values are obtained from a php page using AJAX.
               // An array has been passed from the php page after json encoding it.

               var jsonStr = JSON.parse(xmlhttp.responseText);
               var demo=jsonStr.value1;
               document.getElementById('myLink').href += '?demo=' + encodeURIComponent(demo);

               $('<div class="modal fade">' +
                   '<div class="modal-dialog">' +
                   '<div class="modal-content">' +
                   demo+
                   '</div>' +
                   '<div class="modal-footer">' +
                   '<a href="to_fake_page.php" id="myLink">On click pass demo</a>' +
                   '</div>' +
                   '</div>' +
                   '</div>' +
                   '</div>').modal();

           }
       }
       xmlhttp.open("GET","a_php_page.php?from="+parameter,true);
       xmlhttp.send();
   }

Answer 1

您必须做的(在您完成所有逻辑，并且您在变量中拥有您想要的值之后)是更改链接的 href。

像这样:

var demo = 123;
document.getElementById('myLink').setAttribute('href', 'somelink.php?demo=' + demo);

也在这里为您放上示例代码:

http://jsfiddle.net/x8tgktv6/