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

如何使用href链接将javascript变量作为参数传递?,javascript,html,Javascript,Html,我有一个JavaScript变量,我希望它与HTML链接一起传递 <script> var demo=10; </script> 我也会这么做 更新 这是我的Javascript函数 此函数有一个参数&它被传递到a_php_page.php,其中执行一些数据库操作和条件检查&相应的结果作为JSON从php页面传递回AJAX函数。我解析JSON&getdemo变量。如果我从PHP页面得到响应,就会包含一个HTML模式。在HTML模式中,我有一个链接指向\u fake\u

我有一个JavaScript变量,我希望它与HTML链接一起传递

<script>
var demo=10;
</script>
我也会这么做

更新

这是我的Javascript函数

此函数有一个
参数
&它被传递到
a_php_page.php
,其中执行一些数据库操作和条件检查&相应的结果作为JSON从php页面传递回AJAX函数。我解析JSON&get
demo
变量。如果我从PHP页面得到响应,就会包含一个HTML模式。在HTML模式中,我有一个链接指向\u fake\u page.php,我必须在单击链接时传递演示变量

 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();
   }
函数一函数(参数)
{
if(window.XMLHttpRequest)
{
xmlhttp=新的XMLHttpRequest();
}
其他的
{
xmlhttp=新的ActiveXObject(“Microsoft.xmlhttp”);
}
xmlhttp.onreadystatechange=function()//回调fn
{
if(xmlhttp.readyState==4&&xmlhttp.status==200)
{
//这些值是使用AJAX从php页面获得的。
//在对php页面进行json编码后,已经从该页面传递了一个数组。
var jsonStr=JSON.parse(xmlhttp.responseText);
var demo=jsonStr.value1;
document.getElementById('myLink').href+='?demo='+encodeURIComponent(demo);
$('' +
'' +
'' +
演示+
'' +
'' +
'' +
'' +
'' +
'' +
'')。模态();
}
}
open(“GET”,“a_php_page.php?from=“+参数,true”);
xmlhttp.send();
}
试试这个

<script>
     var demo = 10;
     window.location.href = "to_fake_page.php?demostore=" + demo;
</script>

var=10;
window.location.href=“to_fake_page.php?demostore=“+demo;
您想使用此功能设置标签href

<script>    
   var link = document.getElementById('aTagId');
   link.setAttribute('href', 'to_fake_page.php?demostore=demo' + demo);
</script>

var link=document.getElementById('aTagId');
link.setAttribute('href','to_fake_page.php?demostore=demo'+demo);
您需要做的是(在完成所有逻辑之后,并且在变量中有了所需的值)更改链接的href

大概是这样的:

var demo = 123;
document.getElementById('myLink').setAttribute('href', 'somelink.php?demo=' + demo);
<script>
var demo=10;
var urll='to_fake_page.php?demostore='+demo;
</script>
还可以在此处为您提供示例代码:


为了得到结果,我修改了JavaScript代码如下:

var demo = 123;
document.getElementById('myLink').setAttribute('href', 'somelink.php?demo=' + demo);
<script>
var demo=10;
var urll='to_fake_page.php?demostore='+demo;
</script>

var=10;
var urll='to_fake_page.php?demostore='+demo;
然后换了线

'<a href="to_fake_page.php" id="myLink">On click pass demo</a>' + 
”+
在AJAX函数中

'<a href="'+url+'"' +
'id="myLink">On click pass demo</a>' +
“”+

就这么简单。将变量
urll
添加到DOM中。

阅读此代码将自动更改浏览器中的页面,而不会根据需要更改a tag href属性内的链接。更易于使用的属性:
document.getElementById('myLink')。href+='?demo='+demo;-)哦,demo的值也应该是,所以
…+='?demo='+encodeURIComponent(demo).Uncaught TypeError:无法读取null的属性“setAttribute”@developer82@BeingJudas可能在页面中找不到您的链接。你能用代码编辑你的帖子让我们看一下吗?@BeingJudas在HTML代码中,你是否向a标记添加了值为“myLink”的id属性?@BeingJudas你能粘贴HTML吗?