Silverlight之Silverlight和HTML(DOM,JS)交互 (转载)

概述Silverlight虽然是以插件形式来显示的，但是它和JS以及HTML的交互还是很方便的，下面一一道来 Silverlight得到浏览器的信息： BrowserInformation b = HtmlPage.BrowserInformation;lblInfo.Text = "Name: " + b.Name;lblInfo.Text += "\nBrowser Version: " +

@H_404_7@Silverlight虽然是以插件形式来显示的，但是它和Js以及HTML的交互还是很方便的，下面一一道来

@H_404_7@Silverlight得到浏览器的信息：

@H_404_7@browserinformation b = HTMLPage.browserinformation;lblinfo.Text = "name: " + b.name;lblinfo.Text += \nbrowser Version: " + b.browserVersion.ToString();lblinfo.Text += \nPlatform: " + b.Platform;lblinfo.Text += \ncookies Enabled: " + b.cookiesEnabled;lblinfo.Text += \nUser Agent: " + b.UserAgent;

@H_404_7@name，得到浏览器名称

@H_404_7@browserVersion得到浏览器版本

@H_404_7@Platform，得到运行平台信息

@H_404_7@cookiesEnabled,得到一个值标识是否启用cookie

@H_404_7@UserAgent得到当前代理信息

@H_404_7@
打开一个窗口，效果等同于window.open:

@[email protected]，打开一个窗口，可以指定HTMLPopupWindowOptions参数，

@H_404_7@                HTMLPopupWindowOptions options = new HTMLPopupWindowOptions();                options.Height = 200;                options.WIDth = 200;                options.Toolbar = false;                options.Status = false;                options.Resizeable = false;                options.Location = false;                HTMLPage.PopupWindow(new Uri(http://www.baIDu.com"),null,options);

@H_404_7@HTMLPopupWindowOptions 可以指定页面的属性，高度、宽度地址栏之类的属性，其实PopupWindow的原理就是调用了Js的Window.Open方法.

@H_404_7@切记，PopopWindow只能在事件(触发)中起作用，也就意味着不能一开始就显示,另外其中的Url必须是绝对路径。

@H_404_7@HTMLdocument,表示一个完整的 HTML的 document对象，可以使用HTMLPage.document得到

@H_404_7@主要属性：

@H_404_7@documentUri：得到当前页面的URL地址

@H_404_7@queryString：得到传递的参数

@H_404_7@documentElement:得到HTMLdocument对象

@H_404_7@Body:得到Body节点(HTMLElement类型)

@H_404_7@cookies:cookie的支持，很有用

@H_404_7@CreateElement():创建一个HTMLElement节点(一个HTML的标签元素)

@H_404_7@AttachEvent():给HTML元素附加脚本事件

@H_404_7@DetachEvent():删除脚本事件

@H_404_7@submit():提交页面，如果Silverlight在aspx页面很有用，可以执行服务器代码

@H_404_7@ *** 作HTMLElement：

@H_404_7@AppendChild()：追加HTMLElement对象

@H_404_7@RemoveChild()：移除HTMLElement

@H_404_7@Focus()：使HTMLElement元素获得焦点

@H_404_7@GetAttribute(),
SetAttribute(),and
RemoveAttribute()： 得到或者设置或移除HTMLElement的属性(本身HTML DOM 存在的，不是自己指定的)

@H_404_7@GetStyleAttribute(),0);">SetStyleAttribute(),0);">RemoveStyleAttribute()：得到或者设置或移除HTMLElement的样式属性

@H_404_7@Getproperty() and
Setproperty()：得到或者设置HTMLElement的属性(自己添加的或者是作为了HTMLElement的一部分的属性比如 INNERHTML)

@H_404_7@AttachEvent() and
DetachEvent()：附加和移除Js脚本事件

@H_404_7@HTML DOM 的事件:

@H_404_7@onchange 值改变的时候触发

@H_404_7@onclick 单击事件

@H_404_7@onmouSEOver 鼠标悬浮事件

@H_404_7@onmouSEOut 鼠标离开事件

@H_404_7@onkeydown 键盘按下事件

@H_404_7@onkeyup 键盘放开事件

@H_404_7@onselect 当Select被选择时候

@H_404_7@onfocus 获得焦点

@H_404_7@onblur 失去焦点

@H_404_7@onabort 用户去掉图片下载

@H_404_7@onerror 发生错误时候

@H_404_7@onload 页面加载事件

@H_404_7@onunload 页面关闭(或者通过超链跳转，新页面显示之前执行)

@H_404_7@在Silverlight调用Js方法的：

@H_404_7@第一种调用方法：

@H_404_7@现有Js函数如下：

@H_404_7@        function changeParagraph(newText) {            var element = document.getElementByID("ptest");            element.INNERHTML = newText;        }

@H_404_7@使用ScriptObject对象实现调用，通过HTMLPage.Window.GetProperty("changeParagraph")得到Object对象，其中的参数就是Js方法的名称

@H_404_7@然后使用ScriptObject调用InvokeSelf方法，参数就是Js方法的参数(如果有参数就传递，否则就不传递)

@H_404_7@ ScriptObject script = (ScriptObject)HTMLPage.Window.GetProperty(changeParagraph"); script.InvokeSelf(Changed through JavaScript");

@H_404_7@
第二种方法：

@H_404_7@现有Js函数如下：

@H_404_7@这个Js方法使用了对象的方式，并且还赋予了属性为一个Function

@H_404_7@  myHello = function(message)    {        this.Message = message;    }

@H_404_7@    myHello.prototype.display = function()    {        var resultSpan = $get("result");        resultSpan.innerText = "Hello " + this.Message;    }

@H_404_7@可以看到获取ScriptObject的方式变化了，因为这个Js使用了对象的方式在使用，同时他的属性prototype有一个display的属性(一个Function)，

@H_404_7@然后使用ScriptObject对象的Invoke方法参数为prototype的属性名称。

@H_404_7@ScriptObject    script=HTMLPage.Window.CreateInstance(myHello",255);">this.input.Text);      

@H_404_7@object result = script.Invoke(display");//执行这个方法之后既会执行myHello方法也会执行display方法

@H_404_7@在Js中访问Silverlight中的函数：

@H_404_7@ ①脚本化的类必须是 public 的

@H_404_7@ ②需要脚本化的属性、方法、事件要标记为 [ScriptableMember]

@H_404_7@ ③如果类(XAML页面)被标记为 [ScriptableType]，则意味着其属性、方法、事件都是可被访问的

@H_404_7@ ④使用HTMLPage.RegisterScriptableObject()或者HTMLPage.RegisterCreateableType()进行注册，

@H_404_7@ 前者注册一个对象，后者注册一个类型

@H_404_7@ ⑤给我们的obejct标签添加一个唯一的ID(在Js中通过这个插件来访问Silverlight注册的函数)

@H_404_7@

@H_404_7@看看类的代码实现：

@H_404_7@Class Scriptable{        [ScriptableMember]        public string Hello(string name)        {            return string.Format(Hello: {0}
    
@H_404_7@然后在一个XAML中进行注册：
   
@H_404_7@sriptableMemberAttribute实例化要本化的类 Sriptable s = new Scriptable() { CurrentTime = DateTime.Now };将 Scriptable 对象注册到客户端中，所对应的客户端的对象名为 scriptable  HTMLPage.RegisterScriptableObject(scriptablevar slPlugin = $get('Xaml1');其中的scriptable为注册在客户端的脚本化对象的名字 var obj = document.getElementByID("xaml1").content.scriptable;调用脚本化类得方法，其中Hello为类中的方法 output.INNERHTML += obj.Hello("webabcd");     
  
@H_404_7@

 
@H_404_7@注册一个XAML页面：
      
    
@H_404_7@[ScriptableType()]partial class ScriptableSilverlight: UserControl{public ScriptableSilverlight(){InitializeComponent();HTMLPage.RegisterScriptableObject(Pagethis);}[ScriptableMember()]voID ChangeText(string newText){lbl.Text = newText;}}
     
    
@H_404_7@Js中的调用
   
@H_404_7@function updateSilverlightText(){var control = document.getElementByID("silverlightControl");control.content.Page.ChangeText("This TextBlock has been updated through JavaScript.");}
  
@H_404_7@和刚才的方式一摸一样
 
 
 
@H_404_7@上边的例子是使用 HTMLPage.RegisterScriptableObject的方式注册一个对象，接下来使用HTMLPage.RegisterCreateableType注册一个类型：
 
@H_404_7@看看类的代码，一个简单的类和简单的方法：
      
    
@H_404_7@[ScriptableType()]class RandomNumbers{private Random random = new Random();[ScriptableMember()]int GetRandomNumberInRange(int from,255);">int to){return random.Next(1);}}
     
    
@H_404_7@
在XAML中进行注册：
 
@H_404_7@第一个参数只是对象的名字称号，第二个就是类型
   
@[email protected](RandomNumberstypeof(RandomNumbers));
  
@H_404_7@
在Js中访问这个类中的这个GetRandomNumberInRange方法：
 
@H_404_7@看到和上边的区别了吧，没错上边是“document.getElementByID("xaml1").content.scriptable;”而这里是使用content.services.createObject()方法，
 
@H_404_7@参数就是在XAML中使用“HTMLPage.RegisterCreateableType”注册的第一个参数，得到一个注册的对象，然后使用对象访问GetRandomNumberInRange
 
@H_404_7@方法，如果有参数则传递。
   
@H_404_7@function getRandom1To6(){var control = document.getElementByID("silverlightControl");var random = control.content.services.createObject("RandomNumbers");alert("Your number is: " + random.GetRandomNumberInRange(1,6));}
  
 
 
@H_404_7@HTML和Silverlight交互的安全性，下边这两个配置可以保护：
 
@H_404_7@<param name="enableHTMLAccess" value="false" />设置为false之后则无法使用document,Window,Plugin,browserinformation ，但是可以使用HTMLPage.PopupWindow();
 
@H_404_7@<param name="allowHTMLPopupwindow" value="false" />如果为false，则无法使用HTMLPage.PopupWindow();
 
@H_404_7@好了，Silverlight和HTML的交互就到这里吧，希望大家指出错误的地方。
                            	          总结       
以上是内存溢出为你收集整理的Silverlight之Silverlight和HTML(DOM,JS)交互 (转载)全部内容，希望文章能够帮你解决Silverlight之Silverlight和HTML(DOM,JS)交互 (转载)所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
					
										


					

						
欢迎分享，转载请注明来源：内存溢出
原文地址: http://outofmemory.cn/web/1021638.html