Question

我想在页面上添加一个按钮，点击后该按钮应在同一浏览器窗口的新选项卡上打开一个链接。我已经尝试过Stack Overflow上提供的其中一个代码，但这并不符合我的目的。我能够将按钮放在页面上并根据需要重命名。但是，只有我期待的打开的东西是点击该按钮后我需要使用我指定的链接打开一个新选项卡。请分享您的意见。

代码是此链接中的第二个：Add a JavaScript button using Greasemonkey or Tampermonkey?

(function(){
'use strict'

  window.addEventListener('load', () => {
  addButton('Create Case', selectReadFn)
  })

function addButton(text, onclick, cssObj) {
    cssObj = cssObj || {position: 'absolute', bottom: '4.2%', left:'24.3%', 'z-index': 3}
    let button = document.createElement('button'), btnStyle = button.style
    document.body.appendChild(button)
    button.innerHTML = text
    button.onclick = onclick
    Object.keys(cssObj).forEach(key => btnStyle[key] = cssObj[key])
    return button
 }

function selectReadFn() {                     
[...document.getElementsByClassName('MN')].filter(isRead).forEach(element =>     element.click())
}

function isRead(element) {
    childs =  element.parentElement.parentElement.parentElement.getElementsByClassName('G3')
    return ![...childs].some(e => e.innerText.search(/unread/i)!==-1)
}

}())

Answer 1

function openInNewTab(pageUrl) {
var win = window.open(pageUrl, '_blank');
win.focus();
}

单击按钮打开新选项卡上的链接

1 个答案: