极客教程JavaScript 如何将一个变量插入到href属性中
< a> … </a>标签用于在HTML中创建超链接。其中一个“a”标签的属性是 ‘href’ 。 href： 指定链接指向的页面的URL。
示例：
<a href="https://www.geeksforgeeks.org/">
GeeksforGeeks
</a>
在此内部使用变量的方法 ‘href’ 属性：
使用 onclick属性 ： 此方法使用 ‘a’ 标签的 ‘onclick’ 属性，即每当点击链接（’a’ 标签）时，会触发一个 ‘onclick’ 事件。在这里，我们将使用此 ‘onclick’ 事件生成一个新的URL，并将用户重定向到该URL。（注意：此URL将包含我们要在 href 属性内使用的变量）
步骤： 首先，我们需要了解以下术语，
'location.href' ->它是当前页面的完整URL。'this' ->指的是被点击的 ‘a’ 标签。'this.href' ->从 ‘a’ 标签中获取 href 的值。
一旦我们有了 “this.href”，请将变量附加到它（这里我们使用了一个名为 “XYZ” 的变量）。 然后我们需要将值附加到URL中。 现在我们的URL已经准备好，变量及其值已附加到其中。
示例： 在下面的示例中，我们将附加一个名为 ‘XYZ’ 的变量，其值为55。
<!DOCTYPE html>
<html>
<head>
<title>GeeksforGeeks</title>
<script>
var val = 55;
</script>
</head>
<body>
Link to <a href="https://www.google.com/"
onclick=
"location.href=this.href+'?xyz='+val;return false;">
Google
</a>
</body>
</html>
Resultant Url: https://www.google.com/?xyz=55
使用 document.write ： document：当一个HTML文档被加载到Web浏览器中时，它变成了一个文档对象。这个文档对象有几个函数，其中之一是write()。write()：将HTML表达式或JavaScript代码写入文档中。
示例： 在这个方法中，我们将使用这个write()函数来创建一个“a标签”。
<!DOCTYPE html>
<html>
<head>
<title>GeeksforGeeks</title>
<script>
var val = 55;
</script>
</head>
<body>
Link to
<script>
let loc = "https://www.google.com/?xyz="+val;
document.write('<a href="' + loc + '">Google</a>');
</script>
</body>
</html>
Resultant Url: https://www.google.com/?xyz=55
‘val’ 是存储我们想要传递到URL中的值的Javascript变量。URL中有一个名为’XYZ’的变量，它从Javascript变量val获取值为55。