js实现a标签
使用HTML创建基础a标签
在HTML中直接使用<a>标签是最简单的方法，指定href属性定义跳转目标：
<a href="https://example.com">点击跳转</a>通过JavaScript动态创建a标签
使用document.createElement动态生成a标签，并设置属性后插入DOM：
const link = document.createElement('a');
link.href = 'https://example.com';
link.textContent = '动态链接';
document.body.appendChild(link);修改现有a标签的属性
通过DOM操作修改已有a标签的href或文本：
const existingLink = document.querySelector('a');
existingLink.href = 'https://new-url.com';
existingLink.innerText = '更新后的链接';添加点击事件监听
为a标签绑定自定义点击逻辑，需注意阻止默认跳转行为：
const link = document.querySelector('a');
link.addEventListener('click', (e) => {
e.preventDefault();
console.log('链接被点击，但未跳转');
// 自定义逻辑
});通过JavaScript触发a标签点击
以编程方式模拟点击a标签实现跳转：
const link = document.createElement('a');
link.href = 'https://example.com';
link.click(); // 自动触发跳转在新窗口打开链接
通过设置target属性控制打开方式：
const link = document.createElement('a');
link.href = 'https://example.com';
link.target = '_blank'; // 新标签页打开
link.click();安全注意事项
动态设置href时需验证内容，避免XSS攻击：
function safeSetHref(element, url) {
if (/^https?:\/\//.test(url)) {
element.href = url;
} else {
console.error('无效的URL');
}
}
