下面是MSDN的使用说明：

The following example shows how to handle the ScriptNotify event. In this example, the InvokeScript is called, which in turn calls the LoadSearch function in the following HTML.

The HTML file must be hosted in the same domain as the Silverlight application. The Javascript within the HTML page calls window.external.notify,

 which raises the ScriptNotify event in the Silverlight application

必须在同一个域下才可用哦！

example：

The following example shows how to handle the ScriptNotify event. In this example, the InvokeScript is called, which in turn calls the LoadSearch function in the following HTML. The HTML file must be hosted in the same domain as the Silverlight application. The Javascript within the HTML page calls window.external.notify, which raises the ScriptNotify event in the Silverlight application.

<html xmlns="http://www.w3.org/1999/xhtml" ><head><title></title><script type="text/javascript" >    function LoadSearch(searchString) {        window.location = "http://www.bing.com/search?q=" + searchString        window.external.notify("Search completed")     }</script></head><body>Silverlight WebBrowser control.</body></html>

public partial class MainPage : UserControl{public MainPage()    {        InitializeComponent();    }

void WB1_ScriptNotify(object sender, NotifyEventArgs e)    {        Button1.Content = e.Value;        Button1.IsEnabled = false;

    }

private void Button1_Click(object sender, RoutedEventArgs e)    {object results = WB1.InvokeScript("LoadSearch", new string[] { "Silverlight" });    }}

<div class="cnblogs_code"><pre><div>XAML <StackPanel x:Name="LayoutRoot" Height="358" Width="489" Background="LightBlue"> <WebBrowser x:Name="WB1" Source="http://localhost/HTMLPage1.htm" Height="272" Width="379" ScriptNotify="WB1_ScriptNotify" Margin="5" /> <Button Width="200" x:Name="Button1" Content="Click to search!" Click="Button1_Click" /> </StackPanel></div></pre>

</div>

 

详细实例请看下文（是一个外国家伙写的,很简单一看就懂的，不翻译了）：

Until version 4, Silverlight does not really have a mechanism for displaying HTML based content.

Prior to version 4, you can have Silverlight controls and HTML UI co-existing in the browser and they can interoperate with each other in a rich way. You can even use transparency and windowless techniques to overlay them but you can’t really ask a Silverlight application to display HTML for you. You always have to get it done elsewhere and, furthermore, if you then packaged your application to run as a Silverlight Out-Of-Browser (SLOOB) app then those techniques wouldn’t help as you lose the ability to display HTML at all.

That changes with version 4 with the new WebBrowser control ( WPF also has a Frame and a WebBrowser control which both offer levels of HTML hosting ability – the Silverlight WebBrowser looks like a subset of the WPF version ).

The first thing to say about the WebBrowser control is that it only functions in Silverlight Out-Of-Browser applications ( SLOOBs ) – in the browser the control displays a blank UI so an application developer/designer would need to think about how that would work if the application can also be run within a browser window.

For an out-of-browser application, I can put a simple UI together;

<UserControl x:Class="SilverlightApplication16.MainPage"     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"     xmlns:d="http://schemas.microsoft.com/expression/blend/2008"     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"     mc:Ignorable="d"     d:DesignHeight="300" d:DesignWidth="400">

<Grid x:Name="LayoutRoot" Background="White"> <Grid.RowDefinitions> <RowDefinition Height="Auto"/> <RowDefinition /> </Grid.RowDefinitions> <Grid             x:Name="gridControls"> <Grid.ColumnDefinitions> <ColumnDefinition /> <ColumnDefinition                     Width="Auto" /> </Grid.ColumnDefinitions> <TextBox                 x:Name="txtUri"                 Margin="5"                 HorizontalAlignment="Stretch" /> <Button                 x:Name="buttonGo"                 Grid.Column="1"                 Content="Go"                 Click="OnGo"                 Margin="5" /> </Grid> <WebBrowser             LoadCompleted="BrowserLoadCompleted"             Grid.Row="1"             Margin="5"             x:Name="browserControl" /> </Grid> </UserControl>

and then add a little code-behind that;

view plaincopy to clipboardprint?

using System;  using System.Collections.Generic;  using System.Linq;  using System.Net;  using System.Windows;  using System.Windows.Controls;  using System.Windows.Documents;  using System.Windows.Input;  using System.Windows.Media;  using System.Windows.Media.Animation;  using System.Windows.Shapes;  

namespace SilverlightApplication16  {  public partial class MainPage : UserControl    {  public MainPage()      {        InitializeComponent();      }  private void OnGo(object sender, RoutedEventArgs e)      {        buttonGo.IsEnabled = false;  

      browserControl.Navigate(new Uri(txtUri.Text, UriKind.Absolute));      }  private void BrowserLoadCompleted(object sender, EventArgs e)      {        buttonGo.IsEnabled = true;      }    }  }

and ( out of browser ) that allows me to navigate to some HTML;

What might not be immediately obvious is that myPage.htm is part of the same web-site that the application originally came from ( i.e. site-of-origin ) and that an attempt to navigate to any site might fail ( subject to cross-domain policy ).

That can be circumvented by having the application also elevate itself. If the application is elevated then cross-domain policy isn’t applied and so we can go anywhere as in the example below ( the application now having been installed as anelevated SLOOB );

You might notice that in this example this is me with my out-of-browser application visiting Microsoft.com which is made up of HTML and Silverlight. So…we have one Silverlight application hosting HTML which hosts another Silverlight application. Similarly, I can visit sites that have “other plugins” like the Flash site below;

I’m not sure how much/little this control is integrated into the Silverlight rendering engine. I tried ( for fun ) applying aPlaneProjection to it and that didn’t really work out so I’m not sure that you’re meant to use the control in this way ( more on doing fancy things with HTML without trying to bend the control in a moment but back to regular stuff for a second… )

What you can also get the control to do is load HTML at runtime via its “NavigateToString” method so if I just change my code;

view plaincopy to clipboardprint?

private void OnGo(object sender, RoutedEventArgs e)  {    buttonGo.IsEnabled = false;  

  browserControl.NavigateToString(txtUri.Text);  }

then I can just type HTML straight into the textbox and that works out fine ( note – the application does not have to be elevated for this to work );

Now, in the WPF version of this control there are two other “interesting” functions on the control. One is called InvokeScriptand that exists on the Silverlight control and can be used to invoke a piece of script inside the control.

This isn’t intended to work if you use the Navigate method but there’s another way to set the URL which is the Sourceproperty and so I can re-jig my code a little bit such that the code-behind looks like;

view plaincopy to clipboardprint?

public partial class MainPage : UserControl  {  public MainPage()    {      InitializeComponent();    }  private void OnGo(object sender, RoutedEventArgs e)    {      buttonGo.IsEnabled = false;      browserControl.Source = new Uri(txtUri.Text, UriKind.Absolute);    }  private void BrowserLoadCompleted(object sender, EventArgs e)    {      browserControl.InvokeScript("ChangeText", "Done");      buttonGo.IsEnabled = true;    }  }

and if I then edit the HTML that I want to load so it looks like;

view plaincopy to clipboardprint?

<html>  <head>  <script type="text/javascript">      function ChangeText(text) {          document.getElementById("myDiv").innerText = text;      }  </script>  </head>  <body>  <div id="myDiv">Hello World</div>  </body>  </html>

then when I load up that particular HTML file with the WebBrowser control I get the expected response straight away;

and so the Silverlight control loads the HTML and then runs the script which changes the DOM inside of the HTML. Note that this isn’t possible for cross-domain content.

It’s also possible to communicate “back” from the hosted Javascript to the Silverlight control although it’s not as functional as it is in WPF. If I re-work my HTML code to look like;

view plaincopy to clipboardprint

<html>  <head>  <script type="text/javascript">      function buttonClick()      {          window.external.Notify("They clicked!");      }  </script>  </head>  <body>  <input type="button" value="test" onclick="buttonClick()" />  </body>  </html>

and then change my Silverlight UI a little to add a new textbox;

view plaincopy to clipboardprint?

View Code

with code-behind;

view plaincopy to clipboardprint?

using System;  using System.Collections.Generic;  using System.Linq;  using System.Net;  using System.Windows;  using System.Windows.Controls;  using System.Windows.Documents;  using System.Windows.Input;  using System.Windows.Media;  using System.Windows.Media.Animation;  using System.Windows.Shapes;  

namespace SilverlightApplication16  {  public partial class MainPage : UserControl    {  public MainPage()      {        InitializeComponent();      }  private void OnGo(object sender, RoutedEventArgs e)      {        buttonGo.IsEnabled = false;        browserControl.Source = new Uri(txtUri.Text, UriKind.Absolute);      }  private void BrowserLoadCompleted(object sender, EventArgs e)      {        buttonGo.IsEnabled = true;      }  private void OnScriptNotify(object sender, NotifyEventArgs e)      {        txtStatus.Text = e.Value;        }    }  }

then that allows the hosted Javascript to communicate through the WebBrowser control via the call towindow.external.Notify() which gets picked up on the .NET side by the ScriptNotify event on the WebBrowser control and I just handle it in a little handler and change the text on my txtStatus TextBlock to represent whatever was passed from Javascript ( this is running out-of-browser but not elevated ).

The other “interesting” aspect of the HTML support is that Silverlight 4 also has an HTMLBrush which can take HTML content and paint areas so, whilst my previous attempt to integrated the WebBrowser control with the PlaneProjection system didn’t work very well, I can paint arbitrary areas with a brush. So, if I’ve got a little UI;

view plaincopy to clipboardprint?

View Code

with some code behind it ( note – I feel I should be able to set the WebBrowser.Source property from XAML but it’s not working for me at the time of writing );

view plaincopy to clipboardprint?

using System;  using System.Collections.Generic;  using System.Linq;  using System.Net;  using System.Windows;  using System.Windows.Controls;  using System.Windows.Documents;  using System.Windows.Input;  using System.Windows.Media;  using System.Windows.Media.Animation;  using System.Windows.Shapes;  

namespace SilverlightApplication18  {  public partial class MainPage : UserControl    {  public MainPage()      {        InitializeComponent();  

this.Loaded += (s, e) =>          {            myBrowser.Source = new Uri("http://www.microsoft.com", UriKind.Absolute);          };            }  private void OnRedraw(object sender, RoutedEventArgs e)      {        myBrush.Redraw();      }    }  }

then that gives me a UI where I’m painting the rectangle on the right hand side with that HtmlBrush pointing to theWebBrowser control on the left hand side;

Note – this isn’t a VisualBrush and so it doesn’t do “live updates”. You’ll notice the Redraw button and the call toHtmlBrush.Redraw and that’s the mechanism for keeping things in sync so it’s more like a snapshot than anything else but pretty interesting regardless.

Silverlight 4 WebBrowser的使用及调用 WebBrowser 中的 javascript 方法相关推荐

Java 反射机制详解：私有方法调用头大？如何通过反射调用类中的私有方法？
文章目录前言一.私有方法在本类中直接调用 1.1.在本类中实例化,调用私有方法 1.2.尝试在其他类直接调用私有方法(错误示范) 二.使用反射实例化类强制调用私有方法 2.1.使用类加载器加载被调 ...
C#Winform调用网页中的JS方法
其实还是还是相当的简单,本文将详细的用代码来展示一下如何调用,并且送上源代码. 这个主题,其实我是在QQ问问里看到的,那为Q友送上了380分,所以就写做了这样的一个DEMO.同时这里也分享给更多正在寻 ...
ajax远程调用,jquery中的ajax方法怎样通过JSONP进行远程调用
关于JSONP的概念和为什么要使用JSONP网上已经有很多教程,这一节主要演示下在JQUERY中的ajax方法怎样通过JSONP进行远程调用首先介绍下$.ajax的参数 type:请求方式 GET/ ...
自定义工具类Static方法调用业务中Service层方法
文章目录前言一.如何实现? 二.Util工具类实现代码相关注解总结前言今天需要验证OpenId,来看是否为系统用户,直接封装一个工具类,遇到了调用业务层service的方法.记一次学习笔记 ...
java按钮调用后台方法_onclick怎么调用后台中的一个方法
javaScript函数中执行C#代码中的函数: 方法一:1.首先建立一个按钮,在后台将调用或处理的内容写入button_click中; 2.在前台写一个js函数,内容为document.getEle ...
java调用spark_spark中的并行方法调用以及传递方法中使用spark会话
让我先告诉大家我对Spark很新 . 我需要在表中处理大量记录,当它通过电子邮件分组时大约是100万 . 我需要根据 individual email 和 update the database ba ...
Xamarin Android Webview中JS调用App中的C#方法
参考链接:https://github.com/xamarin/recipes/tree/master/Recipes/android/controls/webview/call_csharp_fro ...
调用iframe中的js方法_SolidWorks中标准件库的创建及调用方法
在使用SolidWorks进行机械设计时,常用的标准件(如螺栓.螺母.垫圈等)通常可以在安装了SolidWorksToolbox插件后调出使用,而许多标准件在Toolbox并不存在,不能从插件中直接调 ...
R语言中调用windows中的字体方法
windowsFonts(A=windowsFont("华文彩云"),#这里使用的是字体的主题名称B=windowsFont("华文仿宋"),C=windows ...

Silverlight 4 WebBrowser的使用及调用 WebBrowser 中的 javascript 方法

下面是MSDN的使用说明：

Silverlight 4 WebBrowser的使用及调用 WebBrowser 中的 javascript 方法相关推荐

最新文章

热门文章