javascript - 在新选项卡中打开新网页后，如何获取书签中的 JavaScript 代码以执行？

Question

我正在尝试弄清楚如何让我的小书签按照我想要的方式工作。这是我的问题。我有一个 JS 书签，它可以抓取安全网页并使用这些 DOM 元素来运行我的代码。

我的问题是，当我单击书签时，它会在新选项卡中打开新页面，并立即开始运行我打算为新打开的页面运行的代码。例如，当我单击小书签时，我用来存储用户输入的提示窗口会立即在我所在的当前页面上运行。我的预期行为是首先在新选项卡中打开新页面，加载页面，然后使用该新页面的 DOM 元素运行提示和其余代码。我使用的是安全网页，因此我将使用 Google 主页作为示例。

这是一个例子:

javascript: (function() {

function OpenInNewTab(url){
  var win = window.open(url);
  win.focus();
}
OpenInNewTab("https://www.google.com/?gws_rd=ssl");

var prmt = prompt("Enter a date:");
window.onload = prmt;

})();

最终，我希望代码能够完成 3 件事。

1. 从任何页面点击都会在新选项卡中打开新窗口
2. 进入新标签并加载页面
3. 然后在新打开的页面上运行我的代码

我希望我已经很好地解释了自己!一如既往，我们非常感谢任何信息。

Answer 1

您需要引用正确的窗口。最容易拥有相同的 id在您要单击的每个单独页面上，然后通过src包含以下脚本<script> 的属性标签。

function openInNewTab(clickElement, url){
  clickElement.onclick = function(){
    var win = open(url);
    win.focus();
    var prm = win.prompt('Enter a Date: ', 'March 11, 2015');
    if(prm){
      console.log('The Date You Entered was: '+prm);
    }
    return win;
  }
}
var pre = onload; // previous onload
onload = function(){ // window is implicit
  if(pre)pre();
  var newWin = openInNewTab(document.getElementById('click_input_id'), 'https://www.google.com')
}