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