WebBrowser(IE) 与 JS 相互调用
2016-01-09 13:39
501 查看
在开发中我们经常将WebBrowser控件嵌入Winform 程序来浏览网页,既然是网页那么少不了JS。下面就让我们来说说他们两之间的相互调用。
在C#封装的浏览器内核中,Chromium 内核封装有Xilium.Cefglue、Cefsharp,Webkit 内核封装 Webkit.Net 、OpenWebKitSharp等。
但是说到和JS的调用,不得不说还是IE 的WebBrowser 最为简单方便。至于IE 为啥方便而其他的不方便,以后我会写文章分析。
下面我们还是先看看WebBrowser怎么和JS交互把:
下面是一个简单例子:
<HTML>
<HEAD>
<TITLE>Invoke Script Sample</TITLE>
<SCRIPT>
//无参数调用
function alertNull(){
alert("WebBrowser call!");
}
//有参数调用
function callWithPar(name, address) {
alert("Name is " + name + "; address is " + address);
}
//返回字符串
function returnString() {
return("This is a test.");
}
//返回对象
function returnScriptObject() {
return(new(MyObject));
}
function MyObject() {
this.Data = "Data for my private object.";
}
</SCRIPT>
</HEAD>
<BODY>
<DIV id="div1">
</DIV>
</BODY>
</HTML>
HtmlElement ele = webBrowser1.Document.CreateElement("script");
ele.SetAttribute("type", "text/javascript");
ele.SetAttribute("text", "alert('new script')");
webBrowser1.Document.Body.AppendChild(ele);
相当于更改Html 的DOM结构,在<Body>标签后添加<Script>标签,程序加载最后会执行text 中的JS代码。
public 类的实例的
Object,由主机应用程序实现且可由寄宿文档的脚本访问。
有了这个方法,调用C#方法就很简单,只需要在C#中声明一个C#对象,然后再设置 this.webBrowser1.ObjectForScripting = new JSObject();
就OK了。
记得要在JSObject 类上面声明 [System.Runtime.InteropServices.ComVisible(true)]
才能使对象可见。
设置完了之后,就可以在JS 中使用Window.external.function();调用JSObject()的function() 方法了。
下面是一个例子:
<HTML>
<HEAD>
<TITLE>Invoke C# Sample</TITLE>
</HEAD>
<BODY>
<DIV id="div1">
</DIV>
<SCRIPT>
window.external.CallShow();
//传参数
window.external.ShowSomething("Hello");
//返回值
var msg = window.external.returnSomething("Hello");
alert(msg);
//直接获取变量
alert(window.external.a);
</SCRIPT>
</BODY>
</HTML>
简单的传值就是这样实现的,但是对于复杂对象传递,涉及到JS对象和C#对象转换,并不是很方便,能用字符串的还是用字符串吧。
用JSON传递是个不错的选择,C#和JS中都有JSON转换工具,可以试试。
以上!
在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>
<HEAD>
<TITLE>Invoke Script Sample</TITLE>
<SCRIPT>
//无参数调用
function alertNull(){
alert("WebBrowser call!");
}
//有参数调用
function callWithPar(name, address) {
alert("Name is " + name + "; address is " + address);
}
//返回字符串
function returnString() {
return("This is a test.");
}
//返回对象
function returnScriptObject() {
return(new(MyObject));
}
function MyObject() {
this.Data = "Data for my private object.";
}
</SCRIPT>
</HEAD>
<BODY>
<DIV id="div1">
</DIV>
</BODY>
</HTML>
private void button2_Click(object sender, EventArgs e) { string name = "dai"; string address = "123"; if (webBrowser1.Document != null) { HtmlDocument doc = webBrowser1.Document; //无参调用 doc.InvokeScript("alertNull"); Object[] objArray = new Object[2]; objArray[0] = (Object)name; objArray[1] = (Object)address; //有参调用 doc.InvokeScript("callWithPar", objArray); //返回字符串 String str = doc.InvokeScript("returnString").ToString(); MessageBox.Show(str); //返回对象 Object jscriptObj = doc.InvokeScript("returnScriptObject"); MessageBox.Show(jscriptObj.ToString()); } }如果网页中不存在目标脚本,我们也可以创建脚本再执行。
HtmlElement ele = webBrowser1.Document.CreateElement("script");
ele.SetAttribute("type", "text/javascript");
ele.SetAttribute("text", "alert('new script')");
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>
<HEAD>
<TITLE>Invoke C# Sample</TITLE>
</HEAD>
<BODY>
<DIV id="div1">
</DIV>
<SCRIPT>
window.external.CallShow();
//传参数
window.external.ShowSomething("Hello");
//返回值
var msg = window.external.returnSomething("Hello");
alert(msg);
//直接获取变量
alert(window.external.a);
</SCRIPT>
</BODY>
</HTML>
[System.Runtime.InteropServices.ComVisible(true)] public class JSObject { // 无参数,无返回值 public void CallShow() { MessageBox.Show("Called from JS"); } //无返回值,有参数 public void ShowSomething(String msg) { MessageBox.Show("Called from " + msg); } //有返回值,有参数 public string returnSomething(String msg) { msg += "From C#"; return msg; } //直接获取变量 public string a = "A"; }
简单的传值就是这样实现的,但是对于复杂对象传递,涉及到JS对象和C#对象转换,并不是很方便,能用字符串的还是用字符串吧。
用JSON传递是个不错的选择,C#和JS中都有JSON转换工具,可以试试。
以上!
相关文章推荐
- WebBrowser(IE) 与 JS 相互调用
- 【javascript】val()
- json 与 string 转化
- JavaScript定时器的相关操作
- JsonParseException: Unexpected character ('?' (code 255))
- 谷歌浏览器怎么调试js
- js中怎么通过类名(class)捕换元素
- javascript类型系统 Array对象学习笔记
- js之静态方法与实例方法
- javascript 模块化编程
- JS中生成随机数的用法及相关函数
- js或者cs代码拼接html
- 一点js
- js---DOM元素节点
- js截屏在neegle web的实现
- Flex仿Extjs局部遮罩(可带进度条)
- js解析json文件数据
- javascript中window.showModalDialog的详细用法
- Javascript-正则表达式-开发中的使用.
- form表单中提取参数并封装成json对象的方法