如何将URL与javascript结合?

时间:2019-04-10 13:42:23

标签: javascript

如何更改id =“ a1”中的下载URL:

<a id="a1" href="http://domainext.com/idman632build9.exe" rel="nofollow noopener noreferrer">Download</a>

收件人:

domain.com/safelink/?url=http://domainext.com/idman632build9.exe

domain.com/safelink/是我网站上的下载页面

4 个答案:

答案 0 :(得分:2)

只需使用querySelector访问元素,然后将所需的内容添加到现有href的开头

let a = document.querySelector('#a1');

a.href = "domain.com/safelink/?url=" + a.href

console.log(a.outerHTML)
<a id="a1" href="http://domainext.com/idman632build9.exe" rel="nofollow noopener noreferrer">Download</a>

答案 1 :(得分:0)

    const myLinkElement= document.getElementById('a1');
    const currentLink = myelement.getAttribute('href');
    const newLink = "myNewLink";
    myelement.setAttribute('href',`${newLink}?url=${currentLink}`);

这是我建议的解决方案。

答案 2 :(得分:0)

JS代码

var extURL = document.getElementById("a1").getAttribute("href");
var appendURL = "domain.com/safelink/?url="
var newURL = appendURL+extURL;

document.getElementById("a1").setAttribute("href",newURL);

答案 3 :(得分:-2)

您可以使用document.getElementById(在每个浏览器中都可用),然后设置其href属性。

var a1 = document.getElementById("a1")
var newHref = "domain.com/safelink/?url=" + a1.href
console.log(newHref)
a1.href = newHref
<a id="a1" href="http://domainext.com/idman632build9.exe" rel="nofollow noopener noreferrer">Download</a>