从javascript制作超链接

Question

我想在HTML页面中使用超链接字符串,我想在我的js文件中声明源链接(URL).请告诉我如何将我的js中的URL称为html.

谢谢

Answer 1

有许多不同的方法可以做到这一点.您可以使用document.createElement()创建一个link元素,然后将该元素注入DOM.或者,您可以使用.innerHTML页面上已有元素的属性来使用文本插入链接.或者您可以修改页面上现有链接的"href"属性.所有这些都是可能的.这是一个例子:

使用DOM方法创建/插入DOM节点

var link = document.createElement('a');
link.textContent = 'Link Title';
link.href = 'http://your.domain.tld/some/path';
document.getElementById('where_to_insert').appendChild(link);

假设你的HTML中有这样的东西:

 <span id="where_to_insert"></span>

使用innerHTML创建/插入DOM内容

另一个使用示例innerHTML(出于安全原因,您通常应该避免使用它,但在完全控制注入的HTML的情况下使用它是有效的):

 var where = document.getElementById('where_to_insert');
 where.innerHTML = '<a href="http://your.domain.tld">Link Title</a>';

更新命名DOM节点的属性

最后,有一种方法只是更新现有链接的href属性:

 document.getElementById('link_to_update').href = 'http://your.domain.tld/path';

...这假设您的HTML中包含以下内容:

 <a id="link_to_update" href="javascript:void(0)">Link Title</a>