学习TerryLee “一步一步学Silverlight 2系列”教程的部分笔记

仅供自己以后参考。

最近在学习TerryLee 的“一步一步学Silverlight 2系列”教程

http://www.cnblogs.com/Terrylee/archive/2008/03/12/Silverlight2-step-by-step-part21-calling-javascript-from-silverlight.html

将自己调试通过的代码记录下来，

GetProperty获取脚本对象

ScriptObject提供了两个方法，Invoke和InvokeSelf，如果我们只调用脚本对象的自身，就可以使用InvokeSelf，如果脚本对象中还有其它的函数等，可以使用Invoke传入名称进行调用

1.测试页

function Hello(message) { var resultSpan = document.getElementById("div1"); resultSpan.innerText = "Hello " + message; } <div id="div1"></div>

.cs页

private void Button_Click_1(object sender,RoutedEventArgs e) { GetProperty:Gets the value of a property that is identified by name on the current scriptable object ScriptObject hello = HtmlPage.Window.GetProperty("Hello") as ScriptObject; //htmlpage.window.Invoke("function "); hello.InvokeSelf(this.text1.Text);// }

HtmlPage.Window.Invoke("Hello",this.text1.Text);//<a href="/tag/xiaoguo/" target="_blank" class="keywords">效果</a>同上

使用CreateInstance创建脚本对象

//CreateInstance：Creates an instance of the specified JavaScript type HtmlPage.Window.CreateInstance("Hello",this.text1.Text);

使用HtmlPage.Window.Eval(“javascript代码”)

<%@ Page Language="C#" AutoEventWireup="true" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title>SilverlightApplication1</title> </head> <body> <form id="form1" runat="server" style="height:100%"> <div id="div1"0000000</div> <div id="div2">1111111</div> <div id="div3">2222222</div> <div id="div4">3333333</div> <div id="div5">4444444</div> </form> </body> </html>

XAML

<Grid x:Name="LayoutRoot" Background="White"> <Grid.RowDe<a href="/tag/Finitio/" target="_blank" class="keywords">Finitio</a>ns> <RowDe<a href="/tag/Finitio/" target="_blank" class="keywords">Finitio</a>n Height="40"></RowDe<a href="/tag/Finitio/" target="_blank" class="keywords">Finitio</a>n> <RowDe<a href="/tag/Finitio/" target="_blank" class="keywords">Finitio</a>n Height="40"></RowDe<a href="/tag/Finitio/" target="_blank" class="keywords">Finitio</a>n> <RowDe<a href="/tag/Finitio/" target="_blank" class="keywords">Finitio</a>n Height="30"></RowDe<a href="/tag/Finitio/" target="_blank" class="keywords">Finitio</a>n> </Grid.RowDe<a href="/tag/Finitio/" target="_blank" class="keywords">Finitio</a>ns> <Grid.ColumnDe<a href="/tag/Finitio/" target="_blank" class="keywords">Finitio</a>ns> <ColumnDe<a href="/tag/Finitio/" target="_blank" class="keywords">Finitio</a>n Width="200"></ColumnDe<a href="/tag/Finitio/" target="_blank" class="keywords">Finitio</a>n> <ColumnDe<a href="/tag/Finitio/" target="_blank" class="keywords">Finitio</a>n Width="200"></ColumnDe<a href="/tag/Finitio/" target="_blank" class="keywords">Finitio</a>n> <ColumnDe<a href="/tag/Finitio/" target="_blank" class="keywords">Finitio</a>n Width="50"></ColumnDe<a href="/tag/Finitio/" target="_blank" class="keywords">Finitio</a>n> </Grid.ColumnDe<a href="/tag/Finitio/" target="_blank" class="keywords">Finitio</a>ns> <Text<a href="/tag/Box/" target="_blank" class="keywords">Box</a> Grid.Row="0" Grid.Column="1" Text="请输入测试<a href="/tag/neirong/" target="_blank" class="keywords">内容</a>" Width="100" Height="30" Margin="0,5" Name="Test"></Text<a href="/tag/Box/" target="_blank" class="keywords">Box</a>> <Button Grid.Row="1" Grid.Column="1" Content="Click" Click="Button_Click" Width="100" Height="30" Margin="0,5,0"></Button> </Grid>

XAML.CS

private void Button_Click(object sender,RoutedEventArgs e) { //HtmlPage.Window.Eval(this.Test.Text); HtmlElement result = HtmlPage.Window.Eval("document.getElementById('div1')") as HtmlElement; string message = result.GetAttribute("innerHTML"); HtmlPage.Window.Alert(message); }

学习TerryLee “一步一步学Silverlight 2系列”教程的部分笔记

相关推荐