在新标签 JS 中打开格式化的 URL

Question

我不知道如何让我的 JS 在另一个选项卡中打开 URL。

这是脚本

function viewSource(){
   var webcache = "http://webcache.googleusercontent.com/search?q=cache:";
   var request = "&prmd=ivn&strip=0&vwsrc=1";
   var url = window.prompt("Enter valid URL");
   window.location.href = webcache + url + request;
}

viewSource();

我尝试在代码中添加’_blank’，但不知道该放在哪里。

也许只有window.open(url)才能实现？

编辑：我忘了说它必须适合Safari浏览器，见window.open(url, '_blank'); not working on iMac/Safari。

Answer 1

要打开一个新窗口/标签，你应该像这样使用 window.open()：

function viewSource(){
  var webcache = "http://webcache.googleusercontent.com/search?q=cache:";
  var request = "&prmd=ivn&strip=0&vwsrc=1";
  var url = window.prompt("Enter valid URL");
  
  const Link=webcache+url+request;
  
  //Check for myService object (Refers to iMac/Safari)
  if(typeof myService!="undefined"&&typeof myService.getUrl!="undefined"){
    const windowReference = window.open();
    myService.getUrl().then(function(url) {
         windowReference.location = Link;
    });
  //Otherwise, we can just open a normal window ( Chrome, Firefox, ..)
  }else window.open(Link, '_blank');
  return Link;
}

<button onclick="viewSource();">Open Link</button>

Answer 2

试试这个。

function viewSource() {
    var webcache = "http://webcache.googleusercontent.com/search?q=cache:";
    var request = "&prmd=ivn&strip=0&vwsrc=1";
    var url = window.prompt("Enter valid URL");
    if (url && url.match(/^((([A-Za-z]{3,9}:(?:\/\/)?)(?:[\-;:&=\+\$,\w]+@)?[A-Za-z0-9\.\-]+|(?:www\.|[\-;:&=\+\$,\w]+@)[A-Za-z0-9\.\-]+)((?:\/[\+~%\/\.\w\-_]*)?\??(?:[\-\+=&;%@\.\w_]*)#?(?:[\.\!\/\\\w]*))?)/g)) {

        window.open(
            webcache + url + request,
            '_blank'
        );
    } else {
        alert('Invalid url, Please enter a valid url');
        viewSource();
    }

}
viewSource()

Answer 3

您需要将window.location.href = webcache + url + request; 替换为以下行

window.open(webcache + url + request,
      '_blank' // <- This is what makes it open in a new window.
      );