给html超链接设置事件不使用href来完成跳

要给HTML超链接设置事件，不使用href来完成跳转，可以使用JavaScript中的event.preventDefault()方法来阻止默认行为，然后使用window.location方法来完成跳转。

具体实现步骤如下：

1. 在HTML中设置一个<a>标签，没有href属性，但需要在标签中添加一个唯一标识符，如id属性，以便于在JavaScript中进行绑定事件。

<a id="myLink">点击跳转</a>

1. 在JavaScript中为该标签绑定点击事件，并阻止默认跳转行为。

<script>
    const myLink = document.querySelector('#myLink');
    myLink.addEventListener('click', e => {
        // 阻止默认跳转行为
        e.preventDefault();
        // 手动跳转
        window.location.href = 'https://www.example.com';
    });
</script>

1. 在事件处理函数中，使用JavaScript的window.location方法跳转到目标URL地址。

以上是基本的实现方法，下面给出两个示例说明。

示例1：使用函数封装实现

<a id="myLink">点击跳转</a>

<script>
    const myLink = document.querySelector('#myLink');
    myLink.addEventListener('click', e => {
        // 阻止默认跳转行为
        e.preventDefault();
        // 手动跳转
        jumpTo('https://www.example.com');
    });

    // 跳转函数封装
    function jumpTo(url) {
        window.location.href = url;
    }
</script>

示例2：根据点击不同的链接跳转到不同的目标地址

<a id="link1">点击跳转到百度</a>
<a id="link2">点击跳转到谷歌</a>

<script>
    const link1 = document.querySelector('#link1');
    link1.addEventListener('click', e => {
        e.preventDefault();
        jumpTo('https://www.baidu.com');
    });

    const link2 = document.querySelector('#link2');
    link2.addEventListener('click', e => {
        e.preventDefault();
        jumpTo('https://www.google.com');
    });

    function jumpTo(url) {
        window.location.href = url;
    }
</script>

以上就是“给HTML超链接设置事件不使用href来完成跳”的完整攻略，具体实现方式可以根据自己的需求进行调整。