Silverlight如何与JS相互调用
1.sl调用js
比如我们在页面中定义一个js函数:
<script type="text/javascript">
function fnTest(msg) {
alert('fnTest:' + msg);
}
</script>
sl中可以有二种调用方式:
HtmlPage.Window.CreateInstance("fnTest", "CreateInstance");
或者
HtmlPage.Window.Invoke("fnTest", "Invoke");
运行的效果完全相同,但是建议用Invoke方法,原因是:
CreateInstance是HtmlWindow中定义的方法,而HtmlWindow继承自HtmlObject,再向上找HtmlObject又继承ScriptObject,最终调用的还是ScriptObject中的Invoke方法,所以用CreateInstance绕来绕去,最终还是绕到了Invoke上,还不如一步到位直接Invoke更高效。
2.sl修改dom元素属性
比如页面中有一个文本框: <input type="text" id="txtTarget" name="txtTarget" />
sl中同样也有二种方法调用:
HtmlPage.Document.GetElementById("txtTarget").SetAttribute("value", "Silverlight");
HtmlPage.Document.GetElementById("txtTarget").SetProperty("value", "Silverlight");
功能完全相同,同样建议用SetProperty方法,理由同上
3.sl为dom元素附加事件
HtmlPage.Document.GetElementById("txtTarget").AttachEvent("focus", new EventHandler(AttachJsMethod));
private void AttachJsMethod(object o, EventArgs e)
{
HtmlPage.Window.Invoke("fnTest", "silverlight");
}
以上代码将为txtGarget文本框附加onfocus事件处理函数:fnTest
4.js调用sl中的方法,属性
sl部分的关键处理是:要在暴露出来的方法/属性前加上[ScriptableMember()],参考下面的代码:
[ScriptableMember()]
public string Hello(string Msg)
{
return "Hello ," + Msg;
}
[ScriptableMember()]
public void Test(string msg)
{
MessageBox.Show("From Silverlight:" + msg);
}
private string _myName = "";
[ScriptableMember()]
public string MyName { set { _myName = value; } get { return _myName.Length == 0 ? "MyName Test" : _myName; } }
这里定义二个方法(一个有返回值,一个没返回值),外加一个属性
然后要在App.Xaml.cs中注册类型,参考下面这样:
private void Application_Startup(object sender, StartupEventArgs e)
{
MainPage mp = new MainPage();
this.RootVisual = mp;
HtmlPage.RegisterScriptableObject("myMainPage", mp);
}
js中这可以使用了,不过得先给silverlight的object标签加一个参数,参考下面这样:
<object data="data:application/x-silverlight-2," type="application/x-silverlight-2"
width="100%" height="100%">
<param name="source" value="ClientBin/JavaScriptInvoke.xap" />
<param name="onError" value="onSilverlightError" />
<param name="background" value="white" />
<param name="minRuntimeVersion" value="3.0.40818.0" />
<param name="onLoad" value="SilverlightLoaded" />
<param name="autoUpgrade" value="true" />
<a href="http://go.microsoft.com/fwlink/?LinkID=149156&v=3.0.40818.0" style="text-decoration: none">
<img src="http://go.microsoft.com/fwlink/?LinkId=108181" alt="Get Microsoft Silverlight"
style="border-style: none" />
</a>
</object>
然后定义对应的函数:
<script type="text/javascript">
var slCtl = null;
function SilverlightLoaded(sender) {
slCtl = sender.getHost();
alert(slCtl.Content.myMainPage.Hello("JavaScript"));
}
var fnClickTest = function() {
if (slCtl != null) {
slCtl.Content.myMainPage.Test("Hi")
alert(slCtl.Content.myMainPage.MyName);
}
}
</script>
为了测试fnClickTest,可以在页面中加一个button,类似这样:
<button οnclick="fnClickTest()">调用SL中的方法</button>
说明:SilverlightLoaded会在silverlight控件加载完成时触发,触发完了以后,slCtl这个全局变量就保留了对silverlight的引用,其它地方就能继续调用silverlight中的各种方法和属性了
Silverlight如何与JS相互调用相关推荐
- webview java调用js_android WebView java与js相互调用
android WebView java与js相互调用 发布时间:2020-07-14 00:42:42 来源:51CTO 阅读:454 作者:向往宇宙 android webView js 使用 1 ...
- android js接口调用方法,详解Android JS相互调用
最近在研究Android.JS相互调用,之前没怎么接触过,只知道loadUrl()就可以加载一个网页了,研究过之后发现Android可以调JS,JS也可以调Android原生控件,很开心啊.下面小编就 ...
- WebView使用详解(一)——Native与JS相互调用(附JadX反编译)
前言:念念不忘,必有回响,永远坚持你所坚持的! 相关文章: 1.<WebView使用详解(一)--Native与JS相互调用(附JadX反编译)> 2.<WebView使用详解(二) ...
- WebBrowser(IE) 与 JS 相互调用
在开发中我们经常将WebBrowser控件嵌入Winform 程序来浏览网页,既然是网页那么少不了JS.下面就让我们来说说他们两之间的相互调用. 在C#封装的浏览器内核中,Chromium 内核封装有 ...
- Flash 与 Js 相互调用
代码包括:html,Flash源文件,提供源文件,就不贴出来了. 源文件. 转载于:https://www.cnblogs.com/devbar/archive/2009/07/13/1522580. ...
- 父窗口、子窗口和Silverlight之间的相互调用
啊哈~ 爷爷,爸爸,儿子~ 三代同堂~ 前两天做 silverlight 的东西,主页面打开一个子页面,然后子页面中包含一个 silverlight 应用程序 那难免会涉及到他们三者相互调用的问题 其 ...
- 转载 iOS js oc相互调用(JavaScriptCore) --iOS调用js
iOS js oc相互调用(JavaScriptCore) 从iOS7开始 苹果公布了JavaScriptCore.framework 它使得JS与OC的交互更加方便了. 下面我们就简单了解一下这个框 ...
- java与js交互,相互调用传参
随着前端技术的发展与H5的广泛使用,移动端采用native+h5的方式越来越多了,对于Android来说就涉及到java与js的交互,相互调用传参等.下面就来看一下java与js交互的简单demo. ...
- 前台为html后台是asp在vs2012中建立什么,Asp.net中后台*.cs与前台JS脚本之间相互调用的几点心得...
Asp.net中后台*.cs与前台JS脚本之间相互调用的几点心得 < type="text/javascript"> < type="text/java ...
最新文章
- 《因果科学周刊》第1期:因果社区诚邀加入,打造因果推理共同范式
- 计算机三级考试网络技术怎么复习,2017计算机三级考试的三大复习阶段(网络技术为例)...
- Lua 学习笔记(一)环境搭建
- rcp异步多参数实例
- [LeetCode] 118. Pascal's Triangle Java
- HDU2519 新生晚会【组合计算】
- VS2010:外部依赖目录错误,怎么办
- 杭电数据结构课程实践-哈密顿图的判断
- C语言超级搞笑的代码,冷笑话我们程序员也会讲的啊!
- 在linux虚拟机中进行jdk1.8的安装与环境变量的配置
- JS中国标准时间格式转换
- 48 款数据可视化分析工具大集合!
- [转]	 全球最值得听的100首英文歌【空了 听下吧】
- Linux平台下快速搭建FTP服务器
- 小菜鸟之HTML第二课
- Unity 3D做2D坦克大战,控制图片切换朝向的2种方法。
- php订阅号发送消息,php实现微信公众号主动推送消息
- 让你的查询支持中文拼音码模糊查询。
- Delphi的多线程开发实例
- python程序sum函数的用法_python 运行sum函数的使用