怎么给url添加target属性并自动打开

Question

有一个ul，在点击其中一个li时，拿到这个li的data-url属性，这个url是可以正常打开的。
现在的问题是，这个url是在webapp的页面中，在点击其中一个li时，怎么让这个url跳出webapp,在手机自带的浏览器中打开？

//点击这个li时，拿到它的url，并延迟200自动在手机浏览器中打开，怎么做？谢谢
jQuery('#productorDownloadWarp').on('tap','li',function(e){

    var url = jQuery(this).attr('data-url');
    //这个url = 'https://anviz.com/aaa-01.png'
    //我现在的这个方法是错的
    setTimeout(function(){
        url.attr('target','_blank');
        location.href = url
    },200);
}

在网上找了好多的方法，都不适用我的这个情况，因为我是个单独的url，这情况要怎么搞？

Answer 1

增加一个隐藏的<a>，时间到了主动触发点击

    function setUrl(url) {
        var link = document.createElement('a');
        link.innerText='link';
        link.style.display = "none";
        link.href = url;
        link.target = '_blank';
        document.body.appendChild(link);
        setTimeout(function () {
            link.click();
            document.body.remove(link);
        }, 200);
    }
    setUrl('http://www.ptbird.cn');