3

我正在尝试创建一个在页面加载时按下按钮的 Google Chrome 扩展程序。通过使用以下代码,我已经能够使用 VBscript for Internet Explorer 触发按钮:

IE.Navigate("javascript:changeIframe();")

但是,现在我需要通过扩展在 Google Chrome 中进行操作。但是,按钮没有 id:

<input type="button" value="Start!" onclick="javascript:changeIframe();">

这是我迄今为止尝试过的,但似乎没有任何效果:

window.onload="javascript:changeIframe()";
javascript:changeIframe();
document.getElementById('').click();
document.getElementById('').submit();

似乎.click.submit没有在 Google-Chrome 的 javascript 中定义?

奇怪的是,当我使用这个脚本时:

javascript:changeIframe();

在 Chrome 的 javascript 控制台中,它会自动按下按钮,一切正常。但是,当我将相同的脚本放在我的 .js 文件中时,它不起作用。

我只需要知道我必须在我的 .js 中放入什么,以便在页面加载时自动按下按钮。

4

2 回答 2

11

执行此操作的传统方法是注入代码1

var scriptNode          = document.createElement ('script');
scriptNode.textContent  = 'changeIframe ();';

document.body.appendChild (scriptNode);


您通常都不必听onload,因为默认情况下内容脚本会在那个时候大致触发。



1扩展JS在一个“孤立的世界”中运行,如果没有一些这里不需要的技巧,就无法与页面的javascript交互。

于 2012-07-09T00:36:09.167 回答
8

很高兴您找到了解决方案,但我想我会向您展示另一种模拟点击的方式。
通过这种方式,您不必注入代码或知道 onclick 将运行的功能,只需获取按钮并模拟点击......

// https://developer.mozilla.org/en/DOM/element.dispatchEvent
function simulateClick(obj) {
  var evt = document.createEvent("MouseEvents");
  evt.initMouseEvent("click", true, true, window,
    0, 0, 0, 0, 0, false, false, false, false, 0, null);
  var canceled = !obj.dispatchEvent(evt);      
/*

  if(canceled) {
    // A handler called preventDefault
    alert("canceled");
  } else {
    // None of the handlers called preventDefault
    alert("not canceled");
  }
  */
}

var what = document.querySelector('input[type="button"][value="Start!"]');
simulateClick(what);
于 2012-07-09T09:36:36.260 回答