html如何建立连接,HTML中如何使用JavaScript创建链接？

给定一个HTML文档，如何使用JavaScript创建链接，并将其添加到文档中？下面本篇文章就来给大家介绍一下在HTML中使用JavaScript创建链接的方法，希望对大家有所帮助。

image

做法：

●　创建一个锚元素。

●　创建一个文本节点，其中包含一些将显示为链接的文本。

●　将文本节点附加到锚元素。

●　设置元素的title和href属性。

●　在body中追加元素。

示例1：使用appendChild()方法将锚a元素添加到正文

单击按钮，可使用JavaScript生成链接

点击这里

var el_down = document.getElementById("DOWN");

function Fun() {

var a = document.createElement('a');

//为锚a元素创建文本节点

var link = document.createTextNode("这是链接！");

// 将文本节点追加到锚a元素

a.appendChild(link);

// 设置title.

a.title = "这是链接！";

// 设置href属性

a.href = "https://www.html.cn";

// 将锚元素附加到body

document.body.appendChild(a);

}

效果图：

1.gif

示例2：使用prepend()方法将锚a元素添加到正文

单击按钮，可使用JavaScript生成链接

点击这里

var el_down = document.getElementById("DOWN");

function Fun() {

var a = document.createElement('a');

//为锚a元素创建文本节点

var link = document.createTextNode("这是链接！");

// 将文本节点追加到锚a元素

a.appendChild(link);

// 设置title.

a.title = "这是链接！";

// 设置href属性

a.href = "https://www.html.cn";

// 将锚元素附加到body

document.body.prepend(a);

}

效果图：

2.gif