Silverlight与javascript互调用方法总结

1. silverlight 中使用javascript

(1) 引用名字空间： using System.Windows.Browser;

(2) 方法1：HtmlPage.Window.Eval() 这个方法直接执行字符串的javascript;

string prompt = "alert(\"";

prompt += ex.Message;

prompt += " \");";

HtmlPage.Window.Eval(prompt);

\\ 其中的ex为异常对象，我经常用来打印异常信息。

方法2：HtmlPage.Window.Invoke("InitializeFso", new object[] { });

其中第一个参数是javascript 的函数名称，第二参数是调用这个函数的参数数组。

earchPath.Text = strNode;

string strPath = "";

try

{

strPath = HtmlPage.Window.Invoke("GetAllDirectory", new string[] { strNode }) as string;

}

catch (System.Exception ex)

{

HtmlPage.Window.Eval("alert(\"Get directory error!\")");

string prompt = "alert(\"";

prompt += ex.Message;

prompt += " \");";

HtmlPage.Window.Eval(prompt);

}

方法3：htmlpage.window.createInstance();

方法4：silverlight中定义事件，同时在承载silverlight的页面上利用javascript注册事件响应

sl中：

public class JSControl

{

public JSControl()

{

System.Windows.Browser.HtmlPage.RegisterScriptableObject("jscontrol", ctrl);

}

[System.Windows.Browser.ScriptableMember]

public event EventHandler CallJs;

public void TriggerCallJs()

{

if (CallJs != null)

CallJs(this, EventArgs.Empty);

}

}

js中： function OnLoaded(sender, args) {

sender.Content.jscontrol.CallJs = calledBySL;

}

function calledBySL(sender, args) {

alert("i'm js, called by silverlight" + args);

}

function createSilverlight() {

Silverlight.createObjectEx({

source: "ClientBin/CensorProtal.xap",

parentElement: document.getElementById("SilverlightControlHost"),

id: "SilverlightControl",

properties: {

width: "100%",

height: "100%",

minRuntimeVersion: "4.0.50401.0",

enableHtmlAccess: "true"

},

events: { onLoad: OnLoaded }

});

另外的例子：

1.首先在silverlight布局界面中增加一个按钮，如下：

　　<Button Content="Call javascript" Height="23" HorizontalAlignment="Left" Margin="10,10,0,0" Name="callButton" VerticalAlignment="Top" Width="175" Click="callButton_Click" />

　　2.在代码文件中增加以下代码，可逐个验证一下4种方法

　　private void callButton_Click(object sender, RoutedEventArgs e)

{

//method 1

//ScriptObject script = HtmlPage.Window.GetProperty("HelloWorld") as ScriptObject;

//script.InvokeSelf();

//method 2

//HtmlPage.Window.Alert("Hollo world 2!");

//method 3

//ScriptObject script = HtmlPage.Window.CreateInstance("myHello");

//script.Invoke("ShowAlert");

//method 4

HtmlPage.Window.Eval("a=1+2;alert(a);");

}

　　3.在html页面中增加以下javascript代码。

　　<script type="text/javascript">

function HelloWorld() {

alert("Hollo world!");

}

myHello = function (message) {

this.Message = message;

};

myHello.prototype.ShowAlert = function () {

alert("Hollo world 3!");

};

</script>

2. JS 调用Silverlight

1. 在Silverlight的UserControl的派生类的构造函数中进行注册Silverlight给js 的运行期。

try

{

HtmlPage.RegisterScriptableObject("Test", this);

}

catch (System.Exception ex)

{

HtmlPage.Window.Eval("alert(\"register Silverlight error!\")");

string prompt = "alert(\"";

prompt += ex.Message;

prompt += " \");";

HtmlPage.Window.Eval(prompt);

}

2. 在Silverlight中建立可以让js 调用的方法：使用关键字[ScriptableMember]， 还有[ScriptableType]

例如：[ScriptableMember]

public void QueryResultstring(string strmessage)

{

QueryScanResult Result = new QueryScanResult();

Result.ParserFromString(strmessage);

if (Result.ErrorCode != "0")

{

return;

}

string strShow = "scaning: ";

if (Result.Section == "2")

{

ScanPathShower.Text = strShow + Result.TargetFile;

}

if (Result.Section == "4")

{

ScanPathShower.Text = strShow + "Finished!";

m_bScanButton = false;

}

// Section 0 undefine

// section 1 ready

// section 2 scaning

// section 3 pause

// section 4 completed

// Query again

}

3. 在测试silverlight 的页面增加 silverlight obj 的ID

<object id ="SilverlightControlXXX" data="data:application/x-silverlight-2," type="application/x-silverlight-2" width="100%" height="100%">

<param name="source" value="DubaSilverlightDemo.xap"/>

<param name="onerror" value="onSilverlightError" />

<param name="background" value="white" />

<param name="minRuntimeVersion" value="3.0.40307.0" />

<param name="autoUpgrade" value="true" />

<a href="http://go.microsoft.com/fwlink/?LinkID=141205" mce_href="http://go.microsoft.com/fwlink/?LinkID=141205" style="text-decoration: none;" mce_style="text-decoration: none;">

<img src="http://go.microsoft.com/fwlink/?LinkId=108181" mce_src="http://go.microsoft.com/fwlink/?LinkId=108181" alt="Get Microsoft Silverlight" style="border-style: none" mce_style="border-style: none"/>

</a>

</object>

4. 在Js 中调用

var control = document.getElementById("SilverlightControlxxx");

//alert("OK");

try

{

alert("Call silverlight");

control.Content.Test.QueryVirusstring(KxRes);

}

catch(e)

{

alert("Exception");

}