如何在 href 属性中插入 JavaScript 变量？

... 标签用于在 HTML 中创建超链接。
“a”标签的属性之一是“href”

href：指定链接指向的页面的 URL

例子：

    GeeksforGeeks

在此“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。

      GeeksforGeeks
      
          var val = 55;
      
  
                       
            
          Link to 
       Google
  
            
      

  Resultant Url: https://www.google.com/?xyz=55
  

  'val' 是 javascript 变量，用于存储我们要传递到 URL 中的值。
  该 URL 有一个名为“XYZ”的变量，它从 javascript 变量“val”中获取值 = 55。

• 使用 document.write：
  文档：当 HTML 文档加载到 Web 浏览器中时，它就变成了文档对象。
  这个文档对象有几个函数，其中之一是写成()。
  write()：将 HTML 表达式或 JavaScript 代码写入文档
  在这个方法中，我们将使用这个 write()函数来创建一个“a 标签”。

      GeeksforGeeks
      
          var val = 55;
      
  
                       
          Link to 
          
              var loc = "https://www.google.com/?xyz="+val;
              document.write('<a href="' + loc + '">Google</a>');
          
      

  Resultant Url: https://www.google.com/?xyz=55
  

  'val' 是 javascript 变量，用于存储我们要传递到 URL 中的值。
  该 URL 有一个名为“XYZ”的变量，它从 javascript 变量 val 中获取值 = 55。