在Internet Explorer中使用表格數據控制-js教程-PHP中文網

Using The Tabular Data Control in Internet Explorer

輸出將顯示：premshree 19

注意跨度標籤的屬性。 DataSrc指定要使用的數據源，該數據源與我們初始化的對象的ID相同（此處，'data1'）。 DataFLD屬性指定了我們要顯示的數據字段。數據文件data1.txt如您所見，有兩個字段“名稱”和“年齡”。將dataFLD指定為“名稱”將顯示名稱。

請注意，使用上面的方法，您可以從文本文件中提取數據中的任何HTML元素；但是上面的方法效率低下，如果我們的數據文件包含超過1個條目，我們將無法直接提取所有值。 >>>>> 在這些情況下，我們使用

標籤。如下示例我們將看到，表標籤具有特殊屬性。

考慮一個簡單的示例，我們將3人的名稱，年齡和性別存儲在文本文件中。現在，我們要提取此數據並以表格形式顯示在網頁上。

文本文件，data2.txt看起來像這樣：

現在，我們可以提取上述所有數據並在（通過data2.htm）表格中顯示它，如下所示：

name|age|sex <br>
~Premshree Pillai~|~19~|~male~ <br>
~Vinod~|~18~|~male~ <br>
~Usha~|~19~|~female~

登入後複製

輸出將看起來像這樣：

<OBJECT ID="data2" CLASSID="CLSID:333C7BC4-460F-11D0-BC04-0080C7055A83"> <br>
  <PARAM NAME="DataURL" VALUE="data2.txt"> <br>
  <PARAM NAME="UseHeader" VALUE="TRUE"> <br>
  <PARAM NAME="TextQualifier" VALUE="~"> <br>
  <PARAM NAME="FieldDelim" VALUE="|"> <br>
</OBJECT> <br>
 <br>
<TABLE DATASRC="#data2" BORDER="2"> <br>
<THEAD> <br>
  <TH>Name :</TH> <br>
  <TH>Age :</TH> <br>
  <TH>Sex :</TH> <br>
</THEAD> <br>
<TR> <br>
  <TD><SPAN DATAFLD="name"></SPAN></TD> <br>
  <TD><SPAN DATAFLD="age"></SPAN></TD> <br>
  <TD><SPAN DATAFLD="sex"></SPAN></TD> <br>
</TR> <br>
</TABLE>

登入後複製

因此，我們僅在3個不同的

標籤（列）中指定了三個數據字段（dataFLD）。該網頁自動顯示所有3組值（3行）。 >

>我們可以在文本文件中添加盡可能多的內容，並且我們無需對提取這些值的HTML代碼進行任何修改。在Internet Explorer中使用表格數據控制

表格數據控制和JavaScript

>可以使用JavaScript操縱表格數據控制對象。在第一個示例中，元素顯示了數據文件的第一個條目。現在，假設我們在文件中添加了另一個條目。數據文件（data1.txt）現在看起來像：

現在，如果我們想查看第二個條目（即Vinod 18），我們可以這樣做：

>

現在，輸出將為：Vinod 18

name|age  <br>
~Premshree Pillai~|~19~  <br>
~Vinod~|~18~

登入後複製

上面的腳本是相當自我解釋的。最初，我們使用記錄集方法將數據文件的全部數據存儲在變量數據集中。 movenext（）方法指向下一個數據項（下一行）。可以使用的其他一些方法是：

<OBJECT ID="data1" CLASSID="CLSID:333C7BC4-460F-11D0-  <br>
BC04-0080C7055A83">  <br>
  <PARAM NAME="DataURL" VALUE="data1.txt">  <br>
  <PARAM NAME="UseHeader" VALUE="TRUE">  <br>
  <PARAM NAME="TextQualifier" VALUE="~">  <br>
  <PARAM NAME="FieldDelim" VALUE="|">  <br>
</OBJECT>  <br>
  <br>
<SCRIPT LANGUAGE="JavaScript">  <br>
/* Get the complete data record set */  <br>
var dataSet=data1.recordset;  <br>
  <br>
/* Go to next data */  <br>
dataSet.moveNext();  <br>
</SCRIPT>  <br>
  <br>
<SPAN DATASRC="#data1" DATAFLD="name"></SPAN>  <br>
  <br>
<SPAN DATASRC="#data1" DATAFLD="age"></SPAN>

登入後複製

> movefirst（） - 指向第一個數據項（第一行）

> movelast（） - 指向最後一個數據項（最後一行）

eof-此屬性用於檢查我們是否已到達文件的末尾。

現在，我將以一個更具動態的示例來總結本文。我將創建一個JavaScript Ticker，顯示許多消息，每個消息指向特定URL。在這裡，股票將讀取其消息和來自文本文件的相應URL（ckerdata.txt中的檔案中）。要充分了解此代碼，您必須熟悉動態HTML技術。

這是tickerdata.txt文件：
```
name|age|sex 
~Premshree Pillai~|~19~|~male~ 
~Vinod~|~18~|~male~ 
~Usha~|~19~|~female~
```
登入後複製
登入後複製
和tickerstyle.css文件：
```
<OBJECT ID="data2" CLASSID="CLSID:333C7BC4-460F-11D0-BC04-0080C7055A83"> 
  <PARAM NAME="DataURL" VALUE="data2.txt"> 
  <PARAM NAME="UseHeader" VALUE="TRUE"> 
  <PARAM NAME="TextQualifier" VALUE="~"> 
  <PARAM NAME="FieldDelim" VALUE="|"> 
</OBJECT> 
 
<TABLE DATASRC="#data2" BORDER="2"> 
<THEAD> 
  <TH>Name :</TH> 
  <TH>Age :</TH> 
  <TH>Sex :</TH> 
</THEAD> 
<TR> 
  <TD></TD> 
  <TD></TD> 
  <TD></TD> 
</TR> 
</TABLE>
```
登入後複製
登入後複製
，最後，ticker.htm：
```
name|age   
~Premshree Pillai~|~19~   
~Vinod~|~18~
```
登入後複製
登入後複製
>關於Internet Explorer Control 的常見問題（常見問題解答）
什麼是Internet Explorer控件，它如何工作？

> Internet Explorer Control是一項功能，使開發人員可以將Internet Explorer的功能嵌入其應用程序中。它通過使用WebBrowser ActiveX控件來工作，可以將其添加到任何應用程序中，並使用C＃或vb.net等語言進行編程。該控制提供了一系列功能，包括導航，歷史和收藏夾等。它還允許開發人員與控件中加載的HTML文檔進行交互，使其能夠操縱網頁或提取信息。
>
如何將WebBrowser控件添加到我的應用程序中？

將WebBrowser控件添加到應用程序中，您需要在Visual Studio中打開“ Visual Insuil the the Studio”的項目，然後在“ Visual Boxbox” Controlbox Controls和Controls Controls Controls Controls Controls Controls Control''中'''''''''''''''''''''''''''''''''''。然後，您可以將控件拖放到表格上。添加後，您可以使用屬性窗口或直接在代碼中開始對控件進行編程。

>如何使用WebBrowser控件導航到網頁？
使用webbrowser控件導航到網頁，您可以使用導航方法。此方法採用字符串參數，該參數是您要導航到的網頁的URL。例如，要導航到Google，您將使用以下代碼：webbrowser1.navigate（“ http：//www.google.com”）;
>我如何與WebBrowser控件中加載的HTML文檔進行交互？此屬性返回HTMLDOCUMENT對象，您可以使用該對象與頁面中的HTML元素進行交互。例如，您可以使用getElementById方法通過其ID找到一個元素，然後操縱其屬性。
我可以將JavaScript與WebBrowser Control一起使用？
是的，您可以將JavaScript與WebBrowsOwser Control一起使用。該控件提供了InvokEscript方法，該方法允許您在加載網頁的上下文中執行JavaScript代碼。此方法採用字符串參數，這是您要執行的JavaScript代碼。
>
>如何處理WebBrowser Control中的導航事件？
我可以從我的應用程序中控制Internet Explorer設置嗎？
>
是的，您可以從您的應用程序中控制一些Internet Explorer設置。 WebBrowser控件使用與Internet Explorer應用程序相同的設置，因此您對設置進行的任何更改都會影響控件和應用程序。但是，請記住，在所有情況下，這都不是可取的，因為它在使用Internet Explorer時可能會影響用戶的體驗。
>
如何在WebBrowser控件中直接顯示HTML內容？

> webbrowser Controls the WebBrowser Controls提供了DocumentText屬性，您可以在控件中直接顯示HTML內容。此屬性採用字符串參數，這是您要顯示的HTML內容。例如，您可以使用以下代碼顯示一個簡單的HTML頁面：webbrowser1.documentText =“ 您好，world！ “;

>我可以使用webbrowser控制下載文件嗎？控件提供了導航方法，您可以使用該方法導航到要下載的文件的URL。該文件的下載方式與用戶在網頁中點擊下載鏈接一樣。
>
>使用WebBrowser控件時，我應該意識到是否有任何限製或問題？
>

一個限制WebBrowser控件的一個限制是使用Internet Explorer Rendorering Engrion使用哪些不在現代或標準的Internet Explorer rendorer-conflosist或其他標準的人。這意味著某些網頁可能無法正確顯示在控件中。另外，如果用戶在系統上禁用了Internet Explorer，則該控件可能無法正常工作。 >