如何让 JavaScript 在 WebBrowser 控件中运行？

Posted 2023-02-22

技术标签:

【中文标题】如何让 JavaScript 在 WebBrowser 控件中运行？【英文标题】：How can I make JavaScript run in WebBrowser control? 【发布时间】：2011-11-12 19:10:15 【问题描述】：

在我的 winforms 应用程序中，我有一个名为 webBrowser1 的 WebBrowser 控件。

在代码中，我添加的只是导航到一个页面：

private void Form1_Load(object sender, EventArgs e)

    webBrowser1.Navigate("http://localhost:6489/Default.aspx");

我导航到的页面的代码是：

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="TableRowShow.Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript">
      window.onload = function()
      
        document.getElementById('addDestination').setAttribute('onclick', 'addDest();');
      

      function attach()
      
        document.getElementById('addDestination').setAttribute('onclick', 'addDest();');
      

      var i = 1; // position of next tr to be shown

      function addDest()
      
        var trs = document.getElementById('travelTable').getElementsByTagName('tr');

        if (trs[i] != null)
          trs[i++].style.display = "";
      
    </script>
</head>
<body>
    <form id="form1" runat="server">
      <table id="travelTable">
        <tr>
          <td>
            <asp:TextBox runat="server" />
          </td>
        </tr>
        <tr style="display: none">
          <td>
            <asp:TextBox runat="server" />
          </td>
        </tr>
        <tr style="display: none">
          <td>
            <asp:TextBox runat="server" />
          </td>
        </tr>
      </table>
      <asp:HyperLink runat="server" ID="addDestination"
        ClientIDMode="Static"  NavigateUrl="javascript:;" >
        Add Destination
      </asp:HyperLink>
    </form>
</body>
</html>

在 IE 或 Chrome 等浏览器中看到的页面如下所示：

点击添加目的地锚点会创建一个新的输入：

我在使用 WebBrowser 控件时遇到的问题是它加载了页面但 JavaScript 不起作用。

如果我单击“添加目标”，则没有任何反应，即使同一页面在 Chrome 或 IE 中运行良好。

放置断点并使用：

webBrowser1.Document.InvokeScript("addDestination");

在立即窗口内，然后继续运行程序会激活该函数中的 JavaScript，添加新输入。

感谢回复！

【问题讨论】：

【参考方案1】：

您可以尝试将ScriptErrorsSuppressed 属性设置为false 以查看是否出现任何JavaScript 错误。

【讨论】：

我尝试将其设置为 false（在导航行之前添加）但没有出现错误。应该在哪里看到错误？据我所知，应该会出现一个消息框。【参考方案2】：

尝试像这样附加点击处理程序，而不是在onload 和attach 函数中使用setAttribute：

document.getElementById('addDestination').onclick = addDest;

【讨论】：

解决了这个问题。知道为什么它不能使用 setAttribute 工作，因为在其他浏览器中它工作？我在 Windows 中使用 IE8，它可以工作。 WebBrowser 不也使用 IE8（安装了最新的 IE）吗？