SilverLight浏览器交互之：SilverLight程序调用外部Html中的Javascript方法（附源码）

最新推荐文章于 2021-01-14 05:00:23 发布

qianjiu

最新推荐文章于 2021-01-14 05:00:23 发布

阅读量748

点赞数

分类专栏： asp.net silverlight 文章标签： silverlight javascript html 浏览器 webbrowser 脚本

本文链接：https://blog.csdn.net/qianjiu/article/details/7568314

版权

asp.net 同时被 2 个专栏收录

59 篇文章 0 订阅

订阅专栏

silverlight

12 篇文章 0 订阅

订阅专栏

SilverLight浏览器交互之：SilverLight程序调用外部Html中的Javascript方法（附源码）

概述

WebBrowser

从 Silverlight 3 开始，您将可以创建在浏览器宿主环境外运行的 Silverlight 应用程序。

通过 WebBrowser 控件，您可以在此宿主环境中显示 HTML 内容。

您可以在 XAML 或代码中添加 WebBrowser 控件。默认情况下，WebBrowser 控件不具有大小。

因此，您必须指定 Height 和 Width 以使控件显示在应用程序中。当 WebBrowser 显示在运行在浏览器中的应用程序时，将显示具有指定高度和宽度的一个矩形，以便代替该控件。

您将 HTML 内容设置为以若干方式显示在 WebBrowser 控件中。

调用 NavigateToString 方法并传递一个包含您要显示的 XAML 内容的字符串。
将 Source 属性设置为完全限定 URI 或相对 URI。
调用 Navigate 方法并将一个完全限定的或相对的 URI 传递给您要显示的 HTML 内容。

WebBrowser.InvokeScript 方法

执行在当前加载的 HTML 中定义的脚本函数。

名称
说明

InvokeScript(String)：执行在当前加载的 HTML 中定义的指定脚本。

InvokeScript(String, array<String>[])：使用指定的参数执行在当前加载的 HTML 中定义的指定脚本函数。

WebBrowser.LoadCompleted 事件

当顶级导航完成且内容加载到 WebBrowser 控件中时发生，或在加载期间发生错误时发生。

效果：

xaml代码：

    <Grid x:Name="LayoutRoot">
        <Grid.Background>
            <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
                <GradientStop Color="#FF0055DD" Offset="0" />
                <GradientStop Color="#FF00DDFF" Offset="1" />
            </LinearGradientBrush>
        </Grid.Background>

        <!--可以在此空间中显示 HTML 内容。
        Source 为Web中ClientBin中的一个页面-->
        <WebBrowser x:Name="web" Source="/script-page.htm" Margin="15" />
    </Grid>

cs代码：

        public MainPage()
        {
            InitializeComponent();
            //当顶级导航完成且内容加载到 WebBrowser 控件中时发生，或在加载期间发生错误时发生。
            web.LoadCompleted +=
                new LoadCompletedEventHandler(web_LoadCompleted);
        }


        void web_LoadCompleted(object sender, NavigationEventArgs e)
        {
            //执行在当前加载的 HTML 中定义的脚本函数。
            //不含参数的Javascript方法 SayHello()
            web.InvokeScript("SayHello");
            //有一个参数的Javascript方法 GreetMe(name)
            web.InvokeScript("GreetMe", "'SilverLight'");
        }

html代码：

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script language="JavaScript">
        //为div1 添加内容
        //一个参数的方法
        function GreetMe(name) {
            div1.innerHTML += "<p>你好！ " + name + "</p>";
        }
        //无参数的方法
        function SayHello() {
            div1.innerHTML += "<p>你好！</p>";
        }            
    </script>
</head>
<body>
    Hello world!<br />
    <div id="div1">
    </div>
</body>
</html>

大功告成！

源码下载

qianjiu

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
SilverLight浏览器交互之：SilverLight程序调用外部Html中的Javascript方法（附源码）

SilverLight浏览器交互之：SilverLight程序调用外部Html中的Javascript方法（附源码）概述WebBrowser从 Silverlight 3 开始，您将可以创建在浏览器宿主环境外运行的 Silverlight 应用程序。通过 WebBrowser 控件，您可以在此宿主环境中显示 HTML 内容。您可以在 XAML 或代码中添
复制链接

扫一扫