Silverlight与JavaScript的互相调用

朴灿烈づ我的快乐病毒、 2022-08-07 12:51 171阅读 0赞

**1.在Silverlight中调用JavaScript**

1.1.设置调用页面

在head中添加js脚本

function Hello(message) \{

alert('Hello:' \+ message);

</script>

myHello = function(message) \{

this.Message = message;

myHello.prototype.Display = function() \{

alert('Hello:' \+ this.Message);

</script>

在Form中添加dom元素

<divid="result">

</div>

1.2.设置Silverlight页面

**前台代码：**

<Button x:Name="submit1" Width="120" Height="40" Background="Red"

Content="方法1" FontSize="20" Foreground="Red" Click="submit1\_Click"></Button>

<Button x:Name="submit2" Width="120" Height="40" Background="Red"

Content="方法2" FontSize="20" Foreground="Red" Click="submit2\_Click"></Button>

<Button x:Name="submit3" Width="120" Height="40" Background="Red"

Content="方法3" FontSize="20" Foreground="Red" Click="submit3\_Click"></Button>

<Button x:Name="submit4" Width="120" Height="40" Background="Red"

Content="方法3的应用" FontSize="20" Foreground="Red" Click="submit4\_Click"></Button>

</StackPanel>

**后台代码：**

privatevoid submit1\_Click(object sender, RoutedEventArgs e)

//方法1:使用InvokeSelf调用脚本对象的自身

ScriptObject hello = HtmlPage.Window.GetProperty("Hello") as ScriptObject;

hello.InvokeSelf(this.input.Text);

private void submit2\_Click(object sender, RoutedEventArgs e)

//方法2:使用Invoke传入名称进行调用

ScriptObject script = HtmlPage.Window.CreateInstance("myHello", this.input.Text);

object result = script.Invoke("Display");

private void submit3\_Click(object sender, RoutedEventArgs e)

//方法3:给该方法传入一段字符串，它都会作为JavaScript来执行 如：HtmlPage.Window.Eval("alert('ddddd')")

HtmlPage.Window.Eval(this.input.Text);

private void submit4\_Click(object sender, RoutedEventArgs e)

//方法3的应用：使用HtmlPage.Window.Eval 来取html元素

HtmlElement result = HtmlPage.Window.Eval("document.getElementById('result')") as HtmlElement;

string message = result.GetAttribute("innerHTML");

HtmlPage.Window.Alert(message);

**2.****在JavaScript中调用Silverlight中的.net代码**

2.1.新建SilverLight页面,

注意：需要在Silverlight中公开相关方法供JavaScript调用

前台代码：

</Border>

<TextBlock x:Name="result" FontSize="20" Foreground="White"

Margin="20 5 0 0"></TextBlock>

</Border>

</StackPanel>

后台代码：

public partial class MainPage : UserControl

public MainPage()

InitializeComponent();

Loaded+=new RoutedEventHandler(MainPage\_Loaded);

private void MainPage\_Loaded(object sender, RoutedEventArgs e)

//示例1:调用当前类中的某个方法

// HtmlPage.RegisterScriptableObject("Calculator", this);

//示例2:调用silverLight中其它类的某个方法

HtmlPage.RegisterCreateableType("calculator", typeof(Calculator));

//供示例1调用

//\[ScriptableMember\]

//public void Add(int x, int y)

//\{

//int z = x + y;

//this.result.Text = String.Format("\{0\} + \{1\} = \{2\}", x, y, z);

//\}

//供示例2调用

\[ScriptableType\]

public class Calculator

\[ScriptableMember\]

public int Add(int x, int y)

return x + y;

2.2.调用

在head中添加js脚本

//供示例1调用

function callSilverlight1() \{

var slPlugin = document.getElementById('Xaml1');

slPlugin.content.Calculator.Add(document.getElementById('txt1').value, document.getElementById('txt2').value);

</script>

//供示例2调用

function callSilverlight2() \{

var slPlugin = document.getElementById('Xaml1');

var cal = slPlugin.content.services.createObject("calculator");

alert(cal.Add(document.getElementById('txt1').value, document.getElementById('txt2').value));

</script>

在Form中添加代码:

<divclass="main">

</div>

Silverlight与JavaScript的互相调用

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关 AKKA 互相调用

相关 Dart 与 C 的互相调用

相关【javascript系列】十进制与二进制的互相转换

相关 Silverlight与JavaScript的互相调用

相关 Android WebView 和 javaScript的互相调用(三)

相关 Android WebView 和 javaScript的互相调用(二)

相关 Android WebView 和 javaScript的互相调用(一)

相关 python与C#的互相调用

相关 Silverlight 与javaScript互操作

相关 Silverlight与网页继承-通过html javascript 将silverlight添加到网页当中