如何从浏览器控件获取 onclick 中的实际 JavaScript 值？

Question

我正在寻找一种方法来获取 onclick 内部定义的 JavaScript 代码。 我使用的是 .NET 2.0 C# Visual Studio 2005。

示例：

<span id="foo" onclick+"window.location.href='someURL'>click here</span>

我的目标是获取字符串“window.location.href='someURL'”。

场景：

用户单击 WebBrowser 控件内部的网页元素（例如上面显示的标记）。然后单击的标签将引用到 HtmlElement 对象。

然后在 WebBrowser 控件中，我调用 HtmlElement 对象的 getAttribute("onclick")，它只给我“System.__ComObject”。

我搜索了如何处理它，然后发现可以对其进行转换然后获取值。

if (tag.GetAttribute("onclick").Equals("System.__ComObject"))
{
    Console.WriteLine("dom elem  >>>>>>>>>>> " + tag.DomElement.ToString());
    mshtml.HTMLSpanElementClass span = (mshtml.HTMLSpanElementClass)tag.DomElement;

    Console.WriteLine("js value ===>" + span.onclick);
}

输出：

dom elem  >>>>>>>>>>> mshtml.HTMLSpanElementClass
js value ===> System.__ComObject

如图所示，span.onclick仍然给我System.__ComObject，我做错了什么？

为什么 HtmlElement 的 GetAttribute() 方法返回“mshtml.HTMLInputElementClass” ”而不是属性的值？这家伙说它在他的情况下有效，我已经遵循了它，但我的有点不起作用......

更新

研究，研究.....

我可以将引用 VisualBasic.dll 添加到我的 C# 项目中，然后调用该方法来找出这个 System.__ComObject 到底是谁。

Console.WriteLine(Microsoft.VisualBasic.Information.TypeName(span.onclick));

输出：

JScriptTypeInfo

看起来这是一个 JScript 类型...我如何访问这个对象？

更多细节

以上描述基于我当前的项目。该项目旨在创建类似 Selenium IDE 的东西。它使用 WebBrowser 控件代替。

Selenium IDE 创建 3 种不同的东西来记录 Web 文档中的元素。

1. actionType
2. xpath
3. value

例如，

type, //input[@id=foo], "hello world"
clickAndWait, //link=login, ""

Selenium IDE 可以识别页面加载，因此它可以在 "click" 和 "clickAndWait" 之间更改 actionType。我的情况，我想让它变得简单。

如果我点击该元素并且它是锚标记或具有页面加载类型的javascript 例如 onclick=window.location.href='blah' 然后我想将 actionType 设置为 "clickAndWait"。

Answer 1

有多种方法可以做到这一点。

1. DOM 中有一个 Event 对象，它将为您提供有关哪个元素生成此事件的信息。
2. 您可以在这里查看 http://msdn.microsoft.com/ en-us/library/ff975965%28v=VS.85%29.aspx
3. 这个很好，你可以很容易地使用它，你会得到事件对象作为方法参数，你可以调查参数来找出事件对象事件的来源。 http://support.microsoft.com/kb/312777

另一种替代方法是使用自定义导航 URL 并对其进行操作

1. 覆盖 BeforeNavigate 事件
2. 检查导航 url 是否包含“mycommand:click”或“mycommand:clickandwait” 3. 如果包含其中任何一项，则将 cancel 设置为 true。 （这将停止浏览器导航）。
3. 然后，您可以从 C# 代码导航您的网络浏览器代码，并将 cancel 传递为 true。

另一种替代方法是使用外部对象，WebBrowser 允许您设置 ObjectForScripting，您可以在 HTML 的 Javascript 中访问它。

.NET 2.0 中的 ObjectForScripting

[ComVisible(true)]
public class MyClass
{
   // can be called from JavaScript
   public void ShowMessageBox(string msg){
       MessageBox.Show(msg);
   }
}

myBrowser.ObjectForScripting = new MyClass(); 
// or you can reuse instance of MyClass

您可以致电，

window.external.ShowMessageBox("This was called from JavaScript");

Answer 2

将元素对象转换为 mshtml.IHTMLDOMNode，然后 通过 IHTMLDOMNode.attributes 读取属性。 HtmlElement.GetAttribute 正在获取从嵌入属性生成的 jscript 函数的 IDispatch 接口。

Answer 3

根据盛江的回应，以下是一些工作示例：

IHTMLElement element = YourCodeToGetElement();
string onclick = string.Empty;

IHTMLDOMNode domNode = element as IHTMLDOMNode;
IHTMLAttributeCollection attrs = domNode.attributes;

foreach (IHTMLDOMAttribute attr in attrs)
{
    if (attr.nodeName.Equals("onclick"))
    {
        string attrValue = attr.nodeValue as string;
        if (!string.IsNullOrEmpty(attrValue))
        {
            onclick = attr.nodeValue;
            break;
        }
    }
}

Answer 4

您可以尝试使用 HtmlAgilityPack 解析 webBrowser1.DocumentText 属性并然后使用 XPath 获得所需的结果。

Answer 5

如果您不必使用 C# 来完成此操作（您可以使用 JS 来完成并创建回发），您应该查看 这个问题。

Answer 6

您可以通过首先阅读 obj.outerHtml 轻松地自行解析它。这应该会为您提供该 obj 的整个 html，然后在其中搜索值 onclick="????"并提取？？？部分。