将Javascript变量传递给<a href>

joe*_*joe 47 javascript

<script language="javascript" type="text/javascript">
var scrt_var = 10; 
</script>
Run Code Online (Sandbox Code Playgroud)

HTML部分:

<html>
 this is a <a href ="2.html & Key= scrt_var">Link  </a>
</html>
Run Code Online (Sandbox Code Playgroud)

我只想将javascript变量发送到link(url参数)

没有AJAX

Bli*_*ixt 54

如果您希望它是动态的,那么使用单击时变量的值,请执行以下操作:

<script language="javascript" type="text/javascript">
var scrt_var = 10; 
</script>
<a href="2.html" onclick="location.href=this.href+'?key='+scrt_var;return false;">Link</a>
Run Code Online (Sandbox Code Playgroud)

当然,这是快速而肮脏的解决方案.你应该有一个脚本,在DOM加载后为所有相关<a>元素添加一个onclick处理程序.


And*_*ija 18

将id属性放在锚元素上

<a id="link2">
Run Code Online (Sandbox Code Playgroud)

在页面加载事件上设置href属性:

(function() {
    var scrt_var = 10;
    var strLink = "2.html&Key=" + scrt_var;
    document.getElementById("link2").setAttribute("href",strLink);
})();
Run Code Online (Sandbox Code Playgroud)


ere*_*non 10

<script>
   var scrt_var = 10;
   document.getElementById("link").setAttribute("href",scrt_var);
</script>
<a id="link">this is a link</a>
Run Code Online (Sandbox Code Playgroud)


Che*_*het 9

或者你可以使用document.write:

...HTML
<script type="text\javascript">
var loc = "http://";
document.write('<a href="' + loc + '">Link text</a>');
</script>
...the rest
Run Code Online (Sandbox Code Playgroud)


Dan*_*ura 7

<html>

<script language="javascript" type="text/javascript">
var scrt_var = 10; 
openPage = function() {
location.href = "2.html?Key="+scrt_var;
}
</script>

 this is a <a href ="javascript:openPage()">Link  </a>
</html>
Run Code Online (Sandbox Code Playgroud)