javascript代码实现在浏览器新标签页打开页面多种实现

2022-09-11 546点热度 0人点赞 0条评论

需求说明

需要在JS代码中打开新的页面,且需要在浏览器的新标签页面中打开

实现

一般使用一下代码打开新页面

window.location.href='https://www.baidu.com';

window.open('https://www.baidu.com');

不过并不是在新标签页中打开的,可以这样做:

window.open('https://www.baidu.com', '_blank');

另一种方式:

function openInNewTab(url) {
  Object.assign(document.createElement('a'), {
    target: '_blank',
    rel: 'noopener noreferrer',
    href: url,
  }).click();
}

第三种方式:

function openInNewTab(url) {
  const link = document.createElement('a');
  link.href = url;
  link.target = '_blank';
  document.body.appendChild(link);
  link.click();
  link.remove();
}

 

admin

这个人很懒,什么都没留下

文章评论

您需要 登录 之后才可以评论