Question

我正在开发用于学习的简单wp7应用程序。我想在Windows Phone 7应用程序中执行以下任务。

导航到网页（http：// some-url /）并且能够加载此页面（使用webBrowser）我不想显示标题div（在页面顶部）。如何为此Web浏览器页面调用java脚本（InvokeScript）

这个html网页不是我的应用程序。

Answer 1

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title></title>
    <script type="text/javascript" >
    function HideDiv(id) {
        document.getElementById(id).style.display = 'none';
    }
    function ShowDiv(id) {
        document.getElementById(id).style.display = 'block';
    }
    </script>
 </head>
<body>
    <div id="hide-me">Hide me !</div>
</body>
</html>

使用你的WebView：

隐藏div：

wv.InvokeScript("HideDiv", new string[] { "hide-me" });

显示div：

wv.InvokeScript("ShowDiv", new string[] { "hide-me" });

Answer 2

您可以尝试使用jQuery。例如，如果标头ID是#header，那么：

$("#header").hide();

Answer 3

上面的@ Aure77 ans工作正常但是应用了Invoke脚本函数diff

你可以使用InvokeScript函数删除或隐藏我也很难解决这个问题我认为你在InvokeScript使用PhoneApplicationPage_Loaded，webBrowser1_Navigated会抛出错误

您可以在MainPage_MouseLeftButtonDown，webBrowser1_LoadCompleted等其他事件处理程序中使用此方法，代码为

private void webBrowser1_LoadCompleted(object sender, System.Windows.Navigation.NavigationEventArgs e)
    {
        webBrowser1.InvokeScript("eval", "document.getElementsByTagName('your_div_name')[0].style.display = 'none';");
    }

对我来说很好用:)尝试这个

Answer 4

使用InvokeScript：

从wp app调用javascript函数的代码

webBrowser1.InvokeScript("hideDiv","");

javascript代码

 function hideDiv(){
    document.getElementById('Your_Div_ID').style.display='none';
    }

如何在wp7中使用javascript为web浏览器隐藏div

4 个答案: