WebBrowser(IE) 与 JS 相互调用

在开发中我们经常将WebBrowser控件嵌入Winform 程序来浏览网页,既然是网页那么少不了JS。下面就让我们来说说他们两之间的相互调用。

在C#封装的浏览器内核中,Chromium 内核封装有Xilium.Cefglue、Cefsharp,Webkit 内核封装 Webkit.Net 、OpenWebKitSharp等。

但是说到和JS的调用,不得不说还是IE 的WebBrowser 最为简单方便。至于IE 为啥方便而其他的不方便,以后我会写文章分析。

下面我们还是先看看WebBrowser怎么和JS交互把:

WebBrowser 执行JS 代码

如果脚本已经存在于网页中,我们可以使用 InvokeScript 方法

public object InvokeScript(string scriptName)
public object InvokeScript(string scriptName,object[] args)

下面是一个简单例子:

[html] view plain copy

  1. <HTML>
  2. <HEAD>
  3. <TITLE>Invoke Script Sample</TITLE>
  4. <SCRIPT>
  5. //无参数调用
  6. function alertNull(){
  7. alert("WebBrowser call!");
  8. }
  9. //有参数调用
  10. function callWithPar(name, address) {
  11. alert("Name is " + name + "; address is " + address);
  12. }
  13. //返回字符串
  14. function returnString() {
  15. return("This is a test.");
  16. }
  17. //返回对象
  18. function returnScriptObject() {
  19. return(new(MyObject));
  20. }
  21. function MyObject() {
  22. this.Data = "Data for my private object.";
  23. }
  24. </SCRIPT>
  25. </HEAD>
  26. <BODY>
  27. <DIV id="div1">
  28. </DIV>
  29. </BODY>
  30. </HTML>

[csharp] view plain copy

  1. private void button2_Click(object sender, EventArgs e)
  2. {
  3. string name = "dai";
  4. string address = "123";
  5. if (webBrowser1.Document != null)
  6. {
  7. HtmlDocument doc = webBrowser1.Document;
  8. //无参调用
  9. doc.InvokeScript("alertNull");
  10. Object[] objArray = new Object[2];
  11. objArray[0] = (Object)name;
  12. objArray[1] = (Object)address;
  13. //有参调用
  14. doc.InvokeScript("callWithPar", objArray);
  15. //返回字符串
  16. String str = doc.InvokeScript("returnString").ToString();
  17. MessageBox.Show(str);
  18. //返回对象
  19. Object jscriptObj = doc.InvokeScript("returnScriptObject");
  20. MessageBox.Show(jscriptObj.ToString());
  21. }
  22. }

如果网页中不存在目标脚本,我们也可以创建脚本再执行。

[csharp] view plain copy

  1. HtmlElement ele = webBrowser1.Document.CreateElement("script");
  2. ele.SetAttribute("type", "text/javascript");
  3. ele.SetAttribute("text", "alert(‘new script‘)");
  4. webBrowser1.Document.Body.AppendChild(ele);

相当于更改Html 的DOM结构,在<Body>标签后添加<Script>标签,程序加载最后会执行text 中的JS代码。

JS 调用 C# 方法

接下来,我们来说说今天的重点,在JS中怎么调用C# 提供的方法。

public object ObjectForScripting {
	get;
	[SecurityCriticalAttribute]
	set;
}

public 类的实例的 Object,由主机应用程序实现且可由寄宿文档的脚本访问。

有了这个方法,调用C#方法就很简单,只需要在C#中声明一个C#对象,然后再设置 this.webBrowser1.ObjectForScripting = new JSObject();  就OK了。

记得要在JSObject 类上面声明 [System.Runtime.InteropServices.ComVisible(true)] 才能使对象可见。

设置完了之后,就可以在JS 中使用Window.external.function();调用JSObject()的function() 方法了。

下面是一个例子:

[html] view plain copy

  1. <HTML>
  2. <HEAD>
  3. <TITLE>Invoke C# Sample</TITLE>
  4. </HEAD>
  5. <BODY>
  6. <DIV id="div1">
  7. </DIV>
  8. <SCRIPT>
  9. window.external.CallShow();
  10. //传参数
  11. window.external.ShowSomething("Hello");
  12. //返回值
  13. var msg = window.external.returnSomething("Hello");
  14. alert(msg);
  15. //直接获取变量
  16. alert(window.external.a);
  17. </SCRIPT>
  18. </BODY>
  19. </HTML>

[csharp] view plain copy

  1. [System.Runtime.InteropServices.ComVisible(true)]
  2. public class JSObject
  3. {
  4. // 无参数,无返回值
  5. public void CallShow()
  6. {
  7. MessageBox.Show("Called from JS");
  8. }
  9. //无返回值,有参数
  10. public void ShowSomething(String msg)
  11. {
  12. MessageBox.Show("Called from " + msg);
  13. }
  14. //有返回值,有参数
  15. public string returnSomething(String msg)
  16. {
  17. msg += "From C#";
  18. return msg;
  19. }
  20. //直接获取变量
  21. public string a = "A";
  22. }

简单的传值就是这样实现的,但是对于复杂对象传递,涉及到JS对象和C#对象转换,并不是很方便,能用字符串的还是用字符串吧。

用JSON传递是个不错的选择,C#和JS中都有JSON转换工具,可以试试。

以上!

原文地址:https://www.cnblogs.com/soundcode/p/10064621.html

时间: 2024-10-09 00:06:25

WebBrowser(IE) 与 JS 相互调用的相关文章

关于action script与js相互调用的Security Error问题

大家都知道,as和js相互调用可以通过ExternalInterface.call和ExternalInterface.addCallback来进行. 比较好的做法是使用之前通过ExternalInterface.available来检测一下是否可用. 然而被坑了的是,这个ExternalInterface.available并不检测安全限制,也就是即使ExternalInterface.available=true,还是可能报错. 为了防止报错阻断程序正常运行,还需要再包一层try catch

php与js相互调用

2019-2-3 php与js相互调用<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"><script type="text/javascript"> function test() { var t1=3; t1 = t1+2; alert(t1); return t1; } </script> <?php $name='J

flex与js相互调用

1.flex调用js方法 调用方法例如:ExternalInterface.call("UploadComplete",oldName,uidName,_dir+"/"+uidName+type); 第一个是js方法名,后面几个是给这个js方法传的参数.这个方法必须在网页的js中注册,否则会调用失败. 需要注意的是调用之前需要检查网页的js是否已完成加载,用ExternalInterface.available可是判断. 注:这种调用方法是可以有返回值的,例如:va

WebView使用详解(一)——Native与JS相互调用(附JadX反编译)

前言:念念不忘,必有回响,永远坚持你所坚持的! 一直在用WebView,还没有系统的总结过它的用法,下面就系统的总结下,分享给大家 一.基本用法 1.加载在线URL void loadUrl(String url) 这个函数主要加载url所对应的网页地址,或者用于调用网页中的指定的JS方法(调用js方法的用法,后面会讲),但有一点必须注意的是:loadUrl()必须在主线程中执行!!!否则就会报错!!!.注意:加载在线网页地址是会用到联网permission权限的,所以需要在AndroidMan

as3.0和js相互调用,js控制flash的颜色

程序应用场景:flash是一副地图,地图上一单击,就调用js,弹出一个对话框,显示一些自己想要的信息:js定时调用as提供的方法,然后去改变flash的颜色. 以下是as代码: import flash.events.MouseEvent; import flash.text.TextField; //给每一栋楼增加监听事件 mc0001.addEventListener(MouseEvent.CLICK,onClick); mc0004.addEventListener(MouseEvent.

Objective-c与js相互调用

原文地址:http://blog.csdn.net/ikmb/article/details/6716831 一 objective-c调用js NSString *currentURL = [webView stringByEvaluatingJavaScriptFromString:@"document.location.href"]; //注: webView是UIWebView实例 二 js调用objective-c 1.obj-c部分 - (void)viewDidLoad 

android WebView java与js相互调用

android webView js 使用1.js调用java    1.1 js代码    <script type="text/javascript">        function call(){            window.androidInterface.call('02585818031');        }    </script> 1.2.java代码    package com.example.webview;    import

Android js相互调用

一.webview相当于android中的浏览器,基于webkit开发,可以浏览网页文件,支持css javas cript 以及html 1 webview.getSettings().setJavaScriptEnabled(true);//允许JS执行 2 settings.setJavaScriptCanOpenWindowsAutomatically(true);//允许JS执行 3 webview.addJavascriptInterface(object,"name");

ASP.NET的后台代码和前台JS代码相互调用

在实际的Web开发中,我们可能会常常遇到后台调用前台JS代码或者前台JS调用后台代码的情况.今天就把比较实用的前后台相互调用的方法总结出来和大家分享. <1>后台代码调用前台JS代码 一.说到后台代码调用前台的JS代码很多人首先就会想到使用 ClientScript.RegisterStartupScript()方法,该方法主要是注册启动脚本文本,即在后台执行调用前台JS代码 该方法有两个重载, 1.ClientScript.RegisterStartupScript(Type type,st