Silverlight和JavaScript通信

7 javascript silverlight

我正在花时间让Silverlight和JavaScript相互通信.

在page.xaml.cs文件中,我将类标记为ScriptableType,将两个方法标记为ScriptableMember.然后我宣布:

HtmlPage.RegisterScriptableObject("Page", this);
Run Code Online (Sandbox Code Playgroud)

当我尝试调用任一方法时,我得到obj.Content.Page未定义:

var obj = document.getElementById('silverlightControl');
alert(obj);               // [object HtmlObjectElement]
alert(obj.Content);       // Content
alert(obj.Content.Page);  // obj.Content.Page is undefined
alert(obj.Content.Page.GetRegion());
Run Code Online (Sandbox Code Playgroud)

另一方面,在page.xaml.cs中的方法内部,我正在调用:

HtmlPage.Window.Invoke("mapRegionChanged", GetRegion());
Run Code Online (Sandbox Code Playgroud)

我在JavaScript中有一个相应的方法,永远不会被调用:

function mapRegionChanged(region) {
    alert("Region changed: " + region);
}
Run Code Online (Sandbox Code Playgroud)

Silverlight对象声明如下:

<object data="data:application/x-silverlight-2," type="application/x-silverlight-2"
    width="151px" height="77px" id="silverlightControl">
    <param name="onload" value="regionsLoaded" />
    <param name="source" value="<%= Url.Content("~/ClientBin/Worldmap.xap") %>" />
    <param name="onerror" value="onSilverlightError" />
    <param name="background" value="white" />
    <param name="minRuntimeVersion" value="2.0.31005.0" />
    <param name="autoUpgrade" value="true" />
    <param name="enableHtmlAccess" value="true" />
    <a href="http://go.microsoft.com/fwlink/?LinkID=124807" style="text-decoration: none;">
        <img src="http://go.microsoft.com/fwlink/?LinkId=108181" alt="Get Microsoft Silverlight" style="border-style: none" />
    </a>
</object>
Run Code Online (Sandbox Code Playgroud)

UserControl在XAML中定义为:

<UserControl
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
x:Class="Worldmap.Page"
Width="151" Height="77" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d">
<Grid x:Name="LayoutRoot" Background="White" Width="151" Height="77" Cursor="Hand" MouseMove="OnMouseMove" MouseLeftButtonUp="OnMouseUp" MouseLeave="OnMouseLeave">
Run Code Online (Sandbox Code Playgroud)

Pet*_*ete 0

如果您发现 FireFox 和 IE 之间存在某些不兼容性,我们需要报告。可能是页面 JS 中的其他内容,或者可能是 FF3 中的设置(例如 flashblock 类型的内容)