添加链接到Javascript按钮

您好，我是新来的编码和我下载了一个菜单的东西来测试，但我找不到如何添加链接？代码运行良好，但我不知道如何添加按钮的链接哈哈，谢谢你的帮助。我对javascript非常陌生，但如果需要的话，我可以做一些HTML。当按下按钮时，它会变为index.html，这就是所发生的一切。我想知道是否有人能帮助我，非常感谢

var links=[{label:'10A'，bg:'c0392b'}，
{标签：'10B'，背景：'#16a085'}，
{标签：'10C'，背景：'#8e44ad'}，
{标签：'10D'，背景：'#27ae60'}]；
var windowHeight=window.innerHeight；
如果（windowHeight==0）windowHeight=238；
var半径=窗高*0.6，
圆圈=document.createElement（'div'），
边框尺寸=半径*0.021；
总面积=48，
增量=总面积/（链接长度-1），
起点=0-（总面积/2），
fontSize=半径*0.12，
链路尺寸=半径*0.25；
styleCircle（）；
addCircle（）；
addLinks（）；
styleLinks（）；
函数styleCircle（）{
circle.style.border=borderSize+'px solid#fff'；
circle.style.width=半径*2+'px'；
circle.style.height=半径*2+'px'；
circle.style.borderRadius=半径+px；
circle.style.position='绝对'；
circle.style.top='-'+半径*0.2+'px'；
circle.style.left=半径*-1+'px'；
}
函数addCircle（）{
document.body.appendChild（圆）；
}
函数addLinks（）{
对于“addLinks”函数中的（var i=0，l=links.length；i，可以设置link href属性：

link.href = "#";

只需将其更改为您想要的任何内容：

link.href = 'https://google.fr';

要回答您对多个链接的评论，请执行以下操作。您可以将链接存储在数组中：

var myArray = ['https://first-link.com', '/mylink', 'yet-another-link'];

for循环将定义每个链接。I是链接的索引：

for (var i=0, l=links.length; i<l; i++) {
}

for（var i=0，l=links.length；i，因为您下载了代码，不知道它是如何工作的，并且没有更改所需的内容。
1-您必须在链接数组中定义href

var links = [{label: '10A', bg: '#c0392b',url:'aaa'}, 
         {label: '10B', bg: '#16a085',url:'bbb'}, 
         {label: '10C', bg: '#8e44ad', url:'ccc'}, 
         {label: '10D', bg: '#27ae60',url: 'ddd'}];

2-然后添加它们。
link.href=links[i].href；


var links=[{label:'10A'，bg:'c0392b'，url:'aaa'}，
{标签：'10B'，背景：'#16a085'，href:'bbb'}，
{标签：'10C'，背景：'#8e44ad'，href:'ccc'}，
{标签：'10D'，背景：'#27ae60'，href:'ddd'}]；
var windowHeight=window.innerHeight；
如果（windowHeight==0）windowHeight=238；
var半径=窗高*0.6，
圆圈=document.createElement（'div'），
边框尺寸=半径*0.021；
总面积=48，
增量=总面积/（链接长度-1），
起点=0-（总面积/2），
fontSize=半径*0.12，
链路尺寸=半径*0.25；
styleCircle（）；
addCircle（）；
addLinks（）；
styleLinks（）；
函数styleCircle（）{
circle.style.border=borderSize+'px solid#fff'；
circle.style.width=半径*2+'px'；
circle.style.height=半径*2+'px'；
circle.style.borderRadius=半径+px；
circle.style.position='绝对'；
circle.style.top='-'+半径*0.2+'px'；
circle.style.left=半径*-1+'px'；
}
函数addCircle（）{
document.body.appendChild（圆）；
}
函数addLinks（）{
对于（var i=0，l=links.length；i您的代码已经创建了链接。这是
标记。但是-您的链接都引用了
“#”
，这不会指向任何地方。请将它们更改为有效的URL地址

在下面的代码中，我创建了另一个名为
url
的数组，您的每个链接都将指向该数组

注意stackoverflow的截取阻止重定向，但是代码可以在您的环境中工作


var links=[{label:'10A'，bg:'c0392b'}，
{标签：'10B'，背景：'#16a085'}，
{标签：'10C'，背景：'#8e44ad'}，
{标签：'10D'，背景：'#27ae60'}]；
var url=['http://google.com',
'http://example.com', 
'http://foo.com', 
'http://stackoverflow.com'];
var windowHeight=window.innerHeight；
如果（windowHeight==0）windowHeight=238；
var半径=窗高*0.6，
圆圈=document.createElement（'div'），
边框尺寸=半径*0.021；
总面积=48，
增量=总面积/（链接长度-1），
起点=0-（总面积/2），
fontSize=半径*0.12，
链路尺寸=半径*0.25；
styleCircle（）；
addCircle（）；
addLinks（）；
styleLinks（）；
函数styleCircle（）{
circle.style.border=borderSize+'px solid#fff'；
circle.style.width=半径*2+'px'；
circle.style.height=半径*2+'px'；
circle.style.borderRadius=半径+px；
circle.style.position='绝对'；
circle.style.top='-'+半径*0.2+'px'；
circle.style.left=半径*-1+'px'；
}
函数addCircle（）{
document.body.appendChild（圆）；
}
函数addLinks（）{
对于（var i=0，l=links.length；ii如果您是新用户，请不要下载代码，了解为什么要编写自己的代码并尝试创建更小的东西。我下一次这样做只是想尝试一下。您已经添加了链接，但它们都引用了
更改行
link.href=“#”
link.href=“#”
假设包含url。请看这里，但只有一个href，只有4个链接？但我希望每个按钮上都有不同的站点。我如何做到这一点？我在回答中回答。
var links = [{label: '10A', bg: '#c0392b',url:'aaa'}, 
         {label: '10B', bg: '#16a085',url:'bbb'}, 
         {label: '10C', bg: '#8e44ad', url:'ccc'}, 
         {label: '10D', bg: '#27ae60',url: 'ddd'}];