gpt4 book ai didi

javascript - 动态链接制作和纯javascript

转载 作者:行者123 更新时间:2023-11-30 18:31:50 25 4
gpt4 key购买 nike

我有一个链接:

<a href="http://www.example.com/">test</a>

和一个javascript变量:

var t='this';

如何使用纯 javascript 使点击链接转到 http://www.example.com/'+this

(所以点击会产生一个动态 url,其末尾有变量 t)

最佳答案

您可以为您的 anchor 提供一个 id:

<a href="http://www.example.com/" id="mylink">test</a>

然后:

var t = 'this';
document.getElementById('mylink').onclick = function() {
window.location.href = this.href + t;
return false;
};

显然,如果您将此脚本放在 <head> 中在尝试附加点击处理程序之前,您可能需要等待 DOM 准备就绪:

window.onload = function() {
document.getElementById('mylink').onclick = function() {
window.location.href = this.href + t;
return false;
};
};

如果你不能修改你的 DOM 来为你的 anchor 提供一个唯一的 ID,你可以使用 document.getElementsByTagName 方法将返回给你 DOM 中具有给定标签的所有元素的数组,然后你必须遍历它们并附加 onclick处理程序到你的 anchor 。为了在您可能拥有的所有链接之间识别它,您将不得不使用它的 innerHTML 文本或当前的 href 属性。

关于javascript - 动态链接制作和纯javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9434821/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com