c# webBrowser控制項與js的互動

知識：

[c-sharp]
view plaincopyprint?

1. [System.Runtime.InteropServices.ComVisibleAttribute(true)] 
   
2. 這是為了將該類設定為com可訪問 
3.  
4. Url屬性：WebBrowser控制項顯示的網頁路徑  
5.  
6. ObjectForScripting屬性：該對象可由顯示在WebBrowser控制項中的網頁所包含的指令碼代碼訪問 
7. JavaScript通過window.external調用C#公開的方法。即由ObjectForScripting屬性設定的類的執行個體中所包含的公用方法。 
   
8.  
9.   
10. // WebBrowser控制項顯示的網頁路徑 
    
11. webBrowser1.Navigate(new Uri(System.Environment.CurrentDirectory + @"/XXX.html",
    UriKind.RelativeOrAbsolute)); 
12. // 將當前類設定為可由指令碼訪問 
    
13. webBrowser1.ObjectForScripting = this; 
    

[System.Runtime.InteropServices.ComVisibleAttribute(true)]<br />這是為了將該類設定為com可訪問</p><p>Url屬性：WebBrowser控制項顯示的網頁路徑 </p><p>ObjectForScripting屬性：該對象可由顯示在WebBrowser控制項中的網頁所包含的指令碼代碼訪問<br />JavaScript通過window.external調用C#公開的方法。即由ObjectForScripting屬性設定的類的執行個體中所包含的公用方法。</p><p>// WebBrowser控制項顯示的網頁路徑<br />webBrowser1.Navigate(new Uri(System.Environment.CurrentDirectory + @"/XXX.html", UriKind.RelativeOrAbsolute));<br />// 將當前類設定為可由指令碼訪問<br />webBrowser1.ObjectForScripting = this;<br />

.CS

[c-sharp]
view plaincopyprint?

1. using System; 
   
2. using System.Collections.Generic; 
   
3. using System.Linq; 
   
4. using System.Text; 
   
5. using System.Windows; 
   
6. using System.Windows.Controls; 
   
7. using System.Windows.Data; 
   
8. using System.Windows.Documents; 
   
9. using System.Windows.Input; 
   
10. using System.Windows.Media; 
    
11. using System.Windows.Media.Imaging; 
    
12. using System.Windows.Navigation; 
    
13. using System.Windows.Shapes; 
    
14. using System.Web; 
    
15. using System.Security.Permissions; 
    
16. namespace WpfApplication1 
    
17. { 
18.     /// <summary> 
    
19.     /// Interaction logic for Window1.xaml 
    
20.     /// </summary> 
    
21.     public partial
    class Window1 : Window 
    
22.     { 
23.         public Window1() 
    
24.         { 
25.             InitializeComponent(); 
26.             Basic ds = new Basic (); 
    
27.             webBrowser1.Navigate(new Uri(System.Environment.CurrentDirectory + @"/aaa.html",
    UriKind.RelativeOrAbsolute));//擷取根目錄的日曆檔案 
    
28.             webBrowser1.ObjectForScripting = ds;//該對象可由顯示在WebBrowser控制項中的網頁所包含的指令碼代碼訪問 
    
29.         } 
30.         private
    void Button_Click(object sender, RoutedEventArgs e) 
    
31.         { 
32.             textBox1.Text = DoSomething.name; 
33.         } 
34.  
35.     } 
36.     [System.Runtime.InteropServices.ComVisibleAttribute(true)]//將該類設定為com可訪問 
    
37.     public
    class Basic 
    
38.     { 
39.         public
    static
    string name; 
    
40.         public
    string Name 
    
41.         { 
42.             get {
    return name; } 
    
43.             set { name = value; } 
    
44.         } 
45.         public
    void ClickEvent(string str) 
    
46.         { 
47.             this.Name = str; 
    
48.         } 
49.     } 
50. } 

using System;<br />using System.Collections.Generic;<br />using System.Linq;<br />using System.Text;<br />using System.Windows;<br />using System.Windows.Controls;<br />using System.Windows.Data;<br />using System.Windows.Documents;<br />using System.Windows.Input;<br />using System.Windows.Media;<br />using System.Windows.Media.Imaging;<br />using System.Windows.Navigation;<br />using System.Windows.Shapes;<br />using System.Web;<br />using System.Security.Permissions;<br />namespace WpfApplication1<br />{<br /> /// <summary><br /> /// Interaction logic for Window1.xaml<br /> /// </summary><br /> public partial class Window1 : Window<br /> {<br /> public Window1()<br /> {<br /> InitializeComponent();<br /> Basic ds = new Basic ();<br /> webBrowser1.Navigate(new Uri(System.Environment.CurrentDirectory + @"/aaa.html", UriKind.RelativeOrAbsolute));//擷取根目錄的日曆檔案<br /> webBrowser1.ObjectForScripting = ds;//該對象可由顯示在WebBrowser控制項中的網頁所包含的指令碼代碼訪問<br /> }<br /> private void Button_Click(object sender, RoutedEventArgs e)<br /> {<br /> textBox1.Text = DoSomething.name;<br /> }</p><p> }<br /> [System.Runtime.InteropServices.ComVisibleAttribute(true)]//將該類設定為com可訪問<br /> public class Basic<br /> {<br /> public static string name;<br /> public string Name<br /> {<br /> get { return name; }<br /> set { name = value; }<br /> }<br /> public void ClickEvent(string str)<br /> {<br /> this.Name = str;<br /> }<br /> }<br />}<br />

HTML

[c-sharp]
view plaincopyprint?

1. <HTML> 
2. <head> 
3. <mce:script language="JavaScript" type="text/javascript"><!-- 
   
4. function Selec() 
5. { 
6. var divV=document.getElementById('div2').innerText; 
   
7. window.external.ClickEvent(divV); 
8. } 
9. // --></mce:script> 
   
10. </head> 
11. <Body> 
12. <Form> 
13. <div id="div1" onClick="Selec();">000000000000</div> 
    
14. <div id="div2">111111</div> 
    
15. </Form> 
16. </Body> 
17. </HTML> 

<HTML><br /><head><br /><mce:script language="JavaScript" type="text/javascript"><!--<br />function Selec()<br />{<br />var divV=document.getElementById('div2').innerText;<br />window.external.ClickEvent(divV);<br />}<br />// --></mce:script><br /></head><br /><Body><br /><Form><br /><div id="div1" onClick="Selec();">000000000000</div><br /><div id="div2">111111</div><br /></Form><br /></Body><br /></HTML>

如果需要在運行時點擊按鈕後再將值傳入頁面顯示，則用下列方法傳值

this.webBrowser1.InvokeScript("js中的函數"，“要傳的值”);