正文

c# webBrowser控件与js的交互

IP云
IP云V管理员/5 阅读
08/20
提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

转自：http://blog.csdn.net/sd2131512/article/details/7467564

  1. [System.Runtime.InteropServices.ComVisibleAttribute(true)]
  2. 这是为了将该类设置为com可访问
  3. Url属性：WebBrowser控件显示的网页路径
  4. ObjectForScripting属性：该对象可由显示在WebBrowser控件中的网页所包含的脚本代码访问
  5. JavaScript通过window.external调用C#公开的方法。即由ObjectForScripting属性设置的类的实例中所包含的公共方法。
  6. // WebBrowser控件显示的网页路径
  7. webBrowser1.Navigate(new Uri(System.Environment.CurrentDirectory + @"/XXX.html", UriKind.RelativeOrAbsolute));
  8. // 将当前类设置为可由脚本访问
  9. webBrowser1.ObjectForScripting = this;
  1. [System.Runtime.InteropServices.ComVisibleAttribute(true)]
  2. 这是为了将该类设置为com可访问
  3. Url属性：WebBrowser控件显示的网页路径
  4. ObjectForScripting属性：该对象可由显示在WebBrowser控件中的网页所包含的脚本代码访问
  5. JavaScript通过window.external调用C#公开的方法。即由ObjectForScripting属性设置的类的实例中所包含的公共方法。
  6. // WebBrowser控件显示的网页路径
  7. webBrowser1.Navigate(new Uri(System.Environment.CurrentDirectory + @"/XXX.html", UriKind.RelativeOrAbsolute));
  8. // 将当前类设置为可由脚本访问
  9. webBrowser1.ObjectForScripting = this;

[System.Runtime.InteropServices.ComVisibleAttribute(true)]
这是为了将该类设置为com可访问

Url属性：WebBrowser控件显示的网页路径

ObjectForScripting属性：该对象可由显示在WebBrowser控件中的网页所包含的脚本代码访问
JavaScript通过window.external调用C#公开的方法。即由ObjectForScripting属性设置的类的实例中所包含的公共方法。

// WebBrowser控件显示的网页路径
webBrowser1.Navigate(new Uri(System.Environment.CurrentDirectory + @"/XXX.html", UriKind.RelativeOrAbsolute));
// 将当前类设置为可由脚本访问
webBrowser1.ObjectForScripting = this;

.CS

  1. using System;
  2. using System.Collections.Generic;
  3. using System.Linq;
  4. using System.Text;
  5. using System.Windows;
  6. using System.Windows.Controls;
  7. using System.Windows.Data;
  8. using System.Windows.Documents;
  9. using System.Windows.Input;
  10. using System.Windows.Media;
  11. using System.Windows.Media.Imaging;
  12. using System.Windows.Navigation;
  13. using System.Windows.Shapes;
  14. using System.Web;
  15. using System.Security.Permissions;
  16. namespace WpfApplication1
  17. {
  18. /// <summary>
  19. /// Interaction logic for Window1.xaml
  20. /// </summary>
  21. public partial class Window1 : Window
  22. {
  23. public Window1()
  24. {
  25. InitializeComponent();
  26. Basic ds = new Basic ();
  27. webBrowser1.Navigate(new Uri(System.Environment.CurrentDirectory + @"/aaa.html", UriKind.RelativeOrAbsolute));//获取根目录的日历文件
  28. webBrowser1.ObjectForScripting = ds;//该对象可由显示在WebBrowser控件中的网页所包含的脚本代码访问
  29. }
  30. privatevoid Button_Click(object sender, RoutedEventArgs e)
  31. {
  32. textBox1.Text = DoSomething.name;
  33. }
  34. }
  35. [System.Runtime.InteropServices.ComVisibleAttribute(true)]//将该类设置为com可访问
  36. publicclass Basic
  37. {
  38. publicstaticstring name;
  39. publicstring Name
  40. {
  41. get { return name; }
  42. set { name = value; }
  43. }
  44. publicvoid ClickEvent(string str)
  45. {
  46. this.Name = str;
  47. }
  48. }
  49. }
  1. using System;
  2. using System.Collections.Generic;
  3. using System.Linq;
  4. using System.Text;
  5. using System.Windows;
  6. using System.Windows.Controls;
  7. using System.Windows.Data;
  8. using System.Windows.Documents;
  9. using System.Windows.Input;
  10. using System.Windows.Media;
  11. using System.Windows.Media.Imaging;
  12. using System.Windows.Navigation;
  13. using System.Windows.Shapes;
  14. using System.Web;
  15. using System.Security.Permissions;
  16. namespace WpfApplication1
  17. {
  18. /// <summary>
  19. /// Interaction logic for Window1.xaml
  20. /// </summary>
  21. public partial class Window1 : Window
  22. {
  23. public Window1()
  24. {
  25. InitializeComponent();
  26. Basic ds = new Basic ();
  27. webBrowser1.Navigate(new Uri(System.Environment.CurrentDirectory + @"/aaa.html", UriKind.RelativeOrAbsolute));//获取根目录的日历文件
  28. webBrowser1.ObjectForScripting = ds;//该对象可由显示在WebBrowser控件中的网页所包含的脚本代码访问
  29. }
  30. private void Button_Click(object sender, RoutedEventArgs e)
  31. {
  32. textBox1.Text = DoSomething.name;
  33. }
  34. }
  35. [System.Runtime.InteropServices.ComVisibleAttribute(true)]//将该类设置为com可访问
  36. public class Basic
  37. {
  38. public static string name;
  39. public string Name
  40. {
  41. get { return name; }
  42. set { name = value; }
  43. }
  44. public void ClickEvent(string str)
  45. {
  46. this.Name = str;
  47. }
  48. }
  49. }

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;
using System.Web;
using System.Security.Permissions;
namespace WpfApplication1
{
/// <summary>
/// Interaction logic for Window1.xaml
/// </summary>
public partial class Window1 : Window
{
public Window1()
{
InitializeComponent();
Basic ds = new Basic ();
webBrowser1.Navigate(new Uri(System.Environment.CurrentDirectory + @"/aaa.html", UriKind.RelativeOrAbsolute));//获取根目录的日历文件
webBrowser1.ObjectForScripting = ds;//该对象可由显示在WebBrowser控件中的网页所包含的脚本代码访问
}
private void Button_Click(object sender, RoutedEventArgs e)
{
textBox1.Text = DoSomething.name;
}

}
[System.Runtime.InteropServices.ComVisibleAttribute(true)]//将该类设置为com可访问
public class Basic
{
public static string name;
public string Name
{
get { return name; }
set { name = value; }
}
public void ClickEvent(string str)
{
this.Name = str;
}
}
}

HTML

  1. <HTML>
  2. <head>
  3. <mce:script language="JavaScript" type="text/javascript"><!--
  4. function Selec()
  5. {
  6. var divV=document.getElementById('div2').innerText;
  7. window.external.ClickEvent(divV);
  8. }
  9. // --></mce:script>
  10. </head>
  11. <Body>
  12. <Form>
  13. <div id="div1" onClick="Selec();">000000000000</div>
  14. <div id="div2">111111</div>
  15. </Form>
  16. </Body>
  17. </HTML>
  1. <HTML>
  2. <head>
  3. <mce:script language="JavaScript" type="text/javascript"><!--
  4. function Selec()
  5. {
  6. var divV=document.getElementById('div2').innerText;
  7. window.external.ClickEvent(divV);
  8. }
  9. // --></mce:script>
  10. </head>
  11. <Body>
  12. <Form>
  13. <div id="div1" onClick="Selec();">000000000000</div>
  14. <div id="div2">111111</div>
  15. </Form>
  16. </Body>
  17. </HTML>

<HTML>
<head>
<mce:script language="JavaScript" type="text/javascript"><!--
function Selec()
{
var divV=document.getElementById('div2').innerText;
window.external.ClickEvent(divV);
}
// --></mce:script>
</head>
<Body>
<Form>
<div id="div1" onClick="Selec();">000000000000</div>
<div id="div2">111111</div>
</Form>
</Body>
</HTML>

如果需要在运行时点击按钮后再将值传入页面显示，则用下列方法传值

this.webBrowser1.InvokeScript("js中的函数"，“要传的值”);