调用子项中指定的JavaScript函数

时间:2013-07-13 15:22:33

标签: c# javascript html dom

以下是父页面(index.html)的常见HTML结构:

<html>
<head>
<title>test title</title>
</head>
    <frameset cols="150,*">
        <frame name="left" src="testleft.html">
        </frame>
        <frame name="right" src="testright.html">
        </frame>
  </frameset>
 </html>

以下是子页面(testleft.html)的常见HTML结构:

<html>
    <head>
        <script>
            function proc1(frm) {
                alert("called proc1");
                frm.setAttribute("id", "change!!");
            }
        </script>
    </head>
    <body>
        <p>This is testpage.</p>
        <form name="TestFormName" action="get" id="TestFormId">
            <input type="text" value="TextValueEmpty" />
        </form>
    </body>
</html>

我想使用C#在testleft.html上调用proc1()。我尝试使用WebBrowser.Document.InvokeScript(),但无法调用proc1()。我该怎么做?

1 个答案:

答案 0 :(得分:2)

WebBrowser.Document.InvokeScript()只能用于调用JScript函数,但由于你的函数更深,我们必须创建一个小的“函数”来访问你的函数。 WebBrowser控件无法做到这一点,因此我们必须使用“hack”:

我们将导航到javascript:code以执行我们的代码。为了达到我们的功能proc1,我们必须使用这个小代码段:top.frames[0].proc1()

所以,总而言之,我们必须编写一个简单的C#代码行:

WebBrowser.Navigate("Javascript:top.frames[0].proc1()");