a 标签实现打开一个新窗口并向后台发一个请求

我们都知道 a 标签可以实现JavaScript 的事件，也可以 href 到一个新的页面。 如果两者都要做到，也就是既要打开一个页面，又要实现一个js事件（比如点击一篇新闻，要打开这篇文章并且增加文章的阅读量），那我们应该怎么做呢？

思路： 使用两个 a 标签，第一个a标签隐藏 做跳转页面，第二个a 标签显示做js 事件。

html 代码

 <a id='realHref' style='display:none'   href='link' target='_blank'>#</a> <a
                href='javascript:void(0)' onclick='viewArticle()' class='btn btn-primary btn-sm'
                title='阅读全文' target='_blank'>阅读全文</a>

//增加阅读量
function viewArticle() {
    document.getElementById("realHref").click();
    $.ajax({
        url:  'XXXXX'
        type:'GET',
        dataType:'json',
        success:function(data){
            ...
        },
    });
}

重点：

document.getElementById("realHref").click();