Javascript 如何在href上传递变量？

当

href=“”

上面是我的代码

当转到

a.html

时，我想传递value

apple

named

fruit

变量。如何在JavaScript或jQuery中执行此操作？

您可以通过将现有值与新值串联来重置href值：

var el=document.getElementById（'a'）；
el.href+='？水果=苹果'；
console.log（el.href）
只需在主页上执行以下操作：

<a href="a.html?fruit=apple" id="a">Hello</a>

JS可以（轻松地）在url之间通信的唯一方法是在链接上创建一个参数。例如：

<a href="a.html?fruit=apple" id="a">Hello</a>

function getUrlVars() { 
var vars = {}; 
var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) { 
   vars[key] = value; 
});
return vars; 

据我所知，当新页面打开时，您希望将查询参数
fruit=apple
添加到锚定标记url。因此，您需要使用
window.open（）
打开新页面

document.getElementById("a").onclick = function(e){
  e.preventDefault();
  window.open(this.href+"?fruit=apple", '_blank');
}



由于新选项卡在代码段中不起作用，请将其签入。
将需要一种访问Html参数的方法。
我不相信这在html中是可能的。然而，Javascript方法有很多

例如：

<a href="a.html?fruit=apple" id="a">Hello</a>

function getUrlVars() { 
var vars = {}; 
var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) { 
   vars[key] = value; 
});
return vars; 

}

你可以这样调用这个函数

var fruit = getUrlVars()["fruit"];
console.log(fruit);
//Apple

href中的URL如下所示：

a、 水果=苹果

然而，这是硬编码的，如果你想用这个prehpas创建一些好的动态，可以使用angularJS来创建它

当你转到a.html是什么意思？你可以使用javascript将href值从
a.html
更改为
a.html？fruit=apple
。@Mohammad-umm。。什么时候去a.html是什么意思？当我单击“你好”时，它将转到a.htmlThx以获得最佳答案。不用担心@masibooperhaps还有一个关于对齐的问题@u知道怎么做吗？没有线索抱歉@masiboothx获得答案。也许还有另一个关于对齐的问题@你知道怎么做吗？谢谢回答。也许还有另一个关于对齐的问题@你知道怎么做吗？谢谢回答。也许还有另一个关于对齐的问题@你知道怎么做吗？