在一个页面创建a标签插入一个div元素中,然后跳转在本页面
时间: 2023-12-03 22:43:50 浏览: 73
a 标签跳转
可以使用以下代码实现:
```html
<div id="myDiv">
<!-- 在这里插入a标签 -->
</div>
<script>
// 获取div元素
var div = document.getElementById("myDiv");
// 创建a标签
var link = document.createElement("a");
link.innerHTML = "点击跳转";
link.href = "#"; // 这里可以设置跳转的链接
// 将a标签添加到div元素中
div.appendChild(link);
// 绑定点击事件,实现在本页面跳转
link.addEventListener("click", function(e) {
e.preventDefault(); // 阻止默认跳转行为
window.location.href = "#"; // 这里可以设置跳转的链接
});
</script>
```
这段代码会在id为`myDiv`的div元素中创建一个a标签,并且绑定了点击事件,点击后会在本页面进行跳转。
阅读全文