首頁 >web前端 >js教程 >在Internet Explorer中使用表格數據控制

在Internet Explorer中使用表格數據控制

Joseph Gordon-Levitt
Joseph Gordon-Levitt原創
2025-03-09 00:41:10832瀏覽

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 <br>
    ~Premshree Pillai~|~19~|~male~ <br>
    ~Vinod~|~18~|~male~ <br>
    ~Usha~|~19~|~female~

    和tickerstyle.css文件:

    <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>

    ,最後,ticker.htm:

    name|age  <br>
    ~Premshree Pillai~|~19~  <br>
    ~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,則該控件可能無法正常工作。 >

以上是在Internet Explorer中使用表格數據控制的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn