代码改变世界

Silverlight调用JS获得浏览器窗口大小

2011-10-29 16:06  slmk  阅读(688)  评论(0编辑  收藏  举报

通常我们都是把Silverlight插件嵌入到Html代码中的:

<div id="silverlightControlHost">
<object data="data:application/x-silverlight-2," type="application/x-silverlight-2" id="slplugin" width="100px" height="100px">
<param name="source" value="ClientBin/HtmlPrint.xap"/>
<param name="onError" value="onSilverlightError"/>
<param name="background" value="white"/>
<param name="minRuntimeVersion" value="4.0.50826.0"/>
<param name="autoUpgrade" value="true"/>
<a href="http://go.microsoft.com/fwlink/?LinkID=149156&v=4.0.50826.0" style="text-decoration:none">
<img src="http://go.microsoft.com/fwlink/?LinkId=161376" alt="获取 Microsoft Silverlight" style="border-style:none"/>
</a>
</object><iframe id="_sl_historyFrame" style="visibility:hidden;height:0px;width:0px;border:0px"></iframe>
</
div>

我们的Silverlight代码如何取得整个浏览器的大小呢?你可不要告诉我用Application.Host:

double height=Application.Current.Host.Content.ActualHeight;
double width=Application.Current.Host.Content.ActualWidth;

这样取得的只是SL插件的大小,也就是id=“slplugin”的大小。正确的方法是调用浏览器JavaScript代码获取浏览器的大小,使用Eval:

double width = (double)HtmlPage.Window.Eval("document.documentElement.clientWidth");
double height = (double)HtmlPage.Window.Eval("document.documentElement.clientHeight");

这是最简单的方法,当然使用Invoke调用JS函数也行,稍显麻烦了,还需要事先写个Js函数到网页里。

JS:

function GetBrowserWidth() {
return document.documentElement.clientWidth;
}
function GetBrowserHeight() {
return document.documentElement.clientHeight;
}

C#:

double width = (double)HtmlPage.Window.Invoke("GetBrowserWidth");
double height = (double)HtmlPage.Window.Invoke("GetBrowserHeight");





Silverlight打印全套解决方案--支持打印预览、页面设置(横向纵向,页边距,纸张大小、字体大小)、自动分页和多页连续打印