js在当前页面用新窗口打开链接

效果

在当前页面指定位置，指定窗口大小，用新窗口打开链接。

代码实现

HTML

<a href="https://blog.wangyou.ink" id="myLink" target="_blank">打开新窗口</a>

JS

	// 获取当前窗口的位置和大小
    var currentWindow = window;
    var width = currentWindow.outerWidth;
    var height = currentWindow.outerHeight;

    // 设置新窗口的大小和位置
    var popupWidth = 800; // 新窗口的宽度
    var popupHeight = 600; // 新窗口的高度
    var leftPosition = (width - popupWidth) / 2; // 新窗口的左侧位置
    var topPosition = 0; // 新窗口的顶部位置

    function openWindow() {
        // 使用 window.open 方法打开新窗口
        var newWindow = window.open('', '_blank',
            'width=' + popupWidth + ',height=' + popupHeight +
            ',top=' + topPosition + ',left=' + leftPosition);

        // 确保新窗口被正确打开
        if (newWindow) {
            // 加载链接到新窗口
            newWindow.location.href = 'https://blog.wangyou.ink';
        } else {
            // 如果弹出窗口被浏览器阻止，可以在此处处理
            alert('弹出窗口被阻止。请在浏览器设置中允许弹出窗口。');
        }
    }

    // 给链接添加点击事件监听器
    document.getElementById('myLink').addEventListener('click', function (event) {
        event.preventDefault(); // 阻止默认的链接行为
        openWindow(); // 调用函数打开新窗口
    });