如何在href属性内插入JavaScript变量（）

< a> …< /a>
标签用于在HTML中创建超链接。
的属性之一
'一种'
标签是
‘href’
href：指定链接转到的页面的URL
例子：

< a href="https://www.lsbin.org/"> lsbin< /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 > lsbin< / title > < script > var val = 55; < / script > < / head > < body > Link to < a hrefhttps://www.lsbin.com/= "https://www.google.com/" onclick = "location.href=https://www.lsbin.com/this.href+'?xyz='+val; return false; " > Google < / a > < / body > < / html >

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

val是用于存储要传递到URL中的值的javascript变量。
该网址具有一个名为" XYZ"的变量, 该变量的值来自JavaScript变量" val"的值= 55。
使用document.write：
document：将HTML文档加载到Web浏览器中后, 它将成为文档对象。
该文档对象具有多个功能, 其中之一被编写为()。
write()：将HTML表达式或JavaScript代码写入文档
在此方法中, 我们将使用此write()函数创建一个"标签"。

< !DOCTYPE html> < html > < head > < title > lsbin< / title > < script > var val = 55; < / script > < / head > < body > Link to < script > var loc = "https://www.google.com/?xyz="+val; document.write('< a hrefhttps://www.lsbin.com/= "' + loc + '" > Google< / a > '); < / script > < / body > < / html >