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

2021年3月9日15:52:22 发表评论 1,806 次浏览

<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 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

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 href = "' + loc + '" >Google</ a >');
         </ script >
     </ body >
</ html >
Resultant Url: https://www.google.com/?xyz=55

val是用于存储要传递到URL中的值的javascript变量。

该网址包含一个名为" XYZ"的变量, 该变量的值来自javascript变量val, 值为55。


木子山

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: