WPF與Javascript交互

本文轉載自查看原文 2012-05-24 23:58 3187 InvokeScript/ WebBrowser/ Javascript/ WPF

今天在WPF中使用WebBrowser的InvokeScript方法與Javascript交互時遇到若干問題，記錄如下：

使用[ComVisible(true)] 標記公開給腳本訪問的對象
調用InvokeScript方法一定要在WebBrowser LoadCompleted后調用
使用 function 申明后台需要調用的方法
返回COMException表明調用腳本函數未找到

HTML:demo.htm

<! DOCTYPE >
< html >
< head >
     < meta charset ="utf-8" />
     < title ></ title >
</ head >
< body >
     < input type ="button" onclick ="window.external.say('this is from htm');return false;" value ="調用后方法" />
     < div id ="msg" ></ div >
     < script type ="text/javascript" >
        ( function (window) {
             var searcher = {
                showmsg: function (msg) {
                    alert(msg);
                }
            };
            window.searcher = searcher;
        })(window);

         function showmsg(msg) {
            searcher.showmsg(msg);
        }
     </ script >
</ body >
</ html >

WPF:MainWindow.xaml

</Grid>

后台代碼如下：

/// <summary>
     /// Web.xaml 的交互邏輯
     /// </summary>
     public partial class Web : Window
    {
         public Action webHandler;

         public Web()
        {
            InitializeComponent();
             this.webBrowser.ObjectForScripting = new ScriptObject( this);
             this.webBrowser.LoadCompleted += new System.Windows.Navigation.LoadCompletedEventHandler(webBrowser_LoadCompleted);
        }

         void webBrowser_LoadCompleted( object sender, System.Windows.Navigation.NavigationEventArgs e)
        {
             if ( this.webHandler != null)
            {
                 this.webHandler();
                 this.webHandler = null;
            }
        }

         private void btn1_Click( object sender, RoutedEventArgs e)
        {
             this.webHandler = () =>
            {
                 this.webBrowser.InvokeScript( " showmsg ", new object[] { " {'center':{'lng':12.232,'lat':13.232},'zoom':14} " });
            };
             string htmlfile = System.IO.Path.Combine( " file:/// ", System.Environment.CurrentDirectory, " Resources/demo.htm ");
             this.webBrowser.Navigate( new Uri(htmlfile, UriKind.RelativeOrAbsolute));
        }

         private void btn2_Click( object sender, RoutedEventArgs e)
        {
             this.webBrowser.InvokeScript( " showmsg ", new object[] { " {'center':{'lng':12.232,'lat':13.232},'zoom':14} " });
        }
    }

    [ComVisible( true)]
     public class ScriptObject
    {
         private Window instance;
         public ScriptObject(Window instance)
        {
             this.instance = instance;
        }

         public void say( string msg)
        {
            MessageBox.Show(msg, " 來自服務端的消息 ", MessageBoxButton.OK, MessageBoxImage.Information);
        }
    }

從cs調用js失敗的情況(一直沒有找到問題的原因):

cs:

InvokeScript("searcher.showmsg", new object[] { "hello" })

js:

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 WPF加載HTML、WPF與JavaScript交互 WPF和WebBrowser JS交互 WPF和js交互 WebBrowser數據交互 Delphi與Javascript的交互 PyQt - JavaScript 交互二、（9）JavaScript常見交互效果 Android與Javascript交互示例(一) 讓Java和JavaScript進行交互 JavaScript與HTML交互——事件 php和javascript交互篇（一）