首页 > Web开发 > 详细

silverlight调用html中的js方法

时间:2014-01-21 19:02:08      阅读:346      评论:0      收藏:0      [点我收藏+]

在承载silverlight的html页添加代码: 

<script type="text/javascript" src="http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=6.2"></script>
    <script type="text/javascript">
        var map = null;
        function GetMap() {
            map = new VEMap("mapDiv");
            map.LoadMap();
        }
        function MoveMap(strwhere) {
            try{
              map.Find(null,strwhere);
           }
           catch (e) {
              alert(e.Message);
            }
        }

在id为silverlightControlHost的div的前面添加一个div

代码如下:

 <div  id="mapDiv" style="position:absolute;  width:443px; height:417px; z-index:2; left:301px; top:0px;" >
 </div>

F5运行:

bubuko.com,布布扣

在silverlight的后台给textblock添加事件:

 private void TextBlock_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)
        {
            string  slcity = "";
            TextBlock sltxtblock = (sender) as TextBlock;
            slcity=sltxtblock.Text;
            ScriptObject  smovemap=(ScriptObject)HtmlPage.Window.GetProperty("MoveMap");
            //如果控件正在某一页中运行,则返回值将引用浏览器的 window 对象;或者,如果控件正在 IFRAME 的上下文中运行,则引用 IFRAME 的 window 对象
            smovemap.InvokeSelf(slcity);//调用当前的ScriptObject并假定它表示某一js方法
        }

F5运行

选择一个节点,比如我选择了郑州,结果如下:

bubuko.com,布布扣

silverlight调用html中的js方法

原文:http://www.cnblogs.com/flyaway100/p/3527901.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!