关于html中，使用＜a＞标签跳转页面会刷新父页面的问题

我想要实现点击图片跳转到指定页面的操作，

于是在图片上写了一个超链接，

上代码：

<a  href="">
            <div id="img" οnclick="window.open('https://www.xxx.com')"title="xxx"></div>
        </a>

出现了一个问题：当点击图片在新标签页打开网页时，父页面会自动刷新，这就导致之前在父页面输入的内容全部丢失。

解决办法：

在href属性中输入：javascript:void(0)

即可解决该问题。

上代码：

<a  href="javascript:void(0)">
            <div id="img" οnclick="window.open('https://www.xxx.com')"title="xxx"></div>
        </a>

现在点击图片跳转网页后，父页面不会自动刷新了。