Internet Explorer에서 Tabular Data Control 사용-JS 튜토리얼-php.cn

Using The Tabular Data Control in Internet Explorer 출력이 표시됩니다 : Premshree 19
스팬 태그가있는 속성에 주목하십시오. DatASRC는 사용할 데이터 소스를 지정하며, 이는 초기화 한 객체의 ID와 동일합니다 (여기서는 'data1'). DataFld 속성은 표시하려는 데이터의 필드를 지정합니다. 데이터 파일 데이터 1.txt에는 볼 수 있듯이 두 개의 필드‘이름’과‘나이’가있었습니다. DataFld를 '이름'으로 지정하면 이름이 표시됩니다 위의 메소드를 사용하면 텍스트 파일에서 데이터를 HTML 요소로 추출 할 수 있습니다. 그러나 위의 방법은 데이터 파일이 1 개 이상의 항목이 포함되어 있으면 모든 값을 직접 추출 할 수 없다는 점에서 비효율적입니다. 이 경우 태그를 사용합니다. 테이블 태그에는 다음 예에서 볼 수 있듯이 특수 속성이 있습니다.
텍스트 파일에 3 명의 이름, 나이 및 성별을 저장하는 간단한 예를 고려하십시오. 이제이 데이터를 추출하여 웹 페이지에 테이블 형식으로 표시하고 싶습니다. 텍스트 파일, data2.txt는 다음과 같습니다

이제 위의 모든 데이터를 추출하여 다음과 같이 (data2.htm을 통해) 표시 할 수 있습니다.

출력은 다음과 같이 보일 것입니다

따라서, 우리는 3 개의 다른 태그 (열)로 3 개의 데이터 필드 (datafld)를 한 번만 지정했습니다. 웹 페이지는 3 개의 값 세트 (3 행)를 모두 자동으로 표시합니다.

우리는 텍스트 파일에 원하는만큼 많은 컨텐츠를 추가 할 수 있으며 이러한 값을 추출하는 HTML 코드를 수정할 필요가 없습니다.

테이블 데이터 제어 및 JavaScript

JavaScript를 사용하여 표 형 데이터 제어 객체를 조작 할 수 있습니다. 첫 번째 예에서 요소는 데이터 파일의 첫 번째 항목을 표시했습니다. 이제 파일에 다른 항목을 추가한다고 가정 해 봅시다. 데이터 파일 (data1.txt)은 이제 다음과 같습니다

이제 두 번째 항목 (예 : Vinod 18)을보고 싶다면 다음과 같이 할 수 있습니다.

이제 출력은 다음과 같습니다. Vinod 18

위의 스크립트는 상당히 자기 설명입니다. 처음에는 데이터 파일의 전체 데이터를 레코드 세트 방법을 사용하여 변수 데이터 세트에 저장합니다. movenext () 메소드는 다음 데이터 항목 (다음 행)을 가리 킵니다. 사용할 수있는 다른 방법 중 일부는 다음과 같습니다

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

로그인 후 복사

moveFirst () - 첫 번째 데이터 항목 (첫 번째 행)

movelast () - 마지막 데이터 항목을 가리 킵니다 (마지막 행)

eof-이 속성은 파일의 끝에 도달했는지 확인하는 데 사용됩니다.

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

로그인 후 복사

이제 더 역동적 인 예로이 기사를 마무리하겠습니다. 각 메시지가 특정 URL을 가리키는 여러 메시지를 표시하는 JavaScript 티커를 작성합니다. 여기서는 시세가 메시지와 해당 URL을 텍스트 파일 (TickerData.txt Archive)에서 읽습니다. 이 코드를 완전히 이해하려면 동적 HTML 기술에 익숙해야합니다.

TickerData.txt 파일은 다음과 같습니다

및 Tickerstyle.css 파일 :

그리고 마지막으로, Ticker.htm :

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

로그인 후 복사

인터넷 익스플로러 제어에 대한 자주 묻는 질문 (FAQ) Internet Explorer 제어 가란 무엇이며 어떻게 작동합니까?

Internet Explorer Control은 개발자가 인터넷 익스플로러의 기능을 애플리케이션에 포함시킬 수있는 기능입니다. WebBrowser ActiveX Control을 사용하여 모든 응용 프로그램에 추가하고 C# 또는 vb.net과 같은 언어를 사용하여 프로그래밍 할 수 있습니다. 이 컨트롤은 탐색, 기록 및 즐겨 찾기 등 다양한 기능을 제공합니다. 또한 개발자가 컨트롤에로드 된 HTML 문서와 상호 작용하여 웹 페이지를 조작하거나 정보를 추출 할 수있게 해줄 수 있습니다.

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

로그인 후 복사

웹 브라우저 컨트롤을 내 응용 프로그램에 추가 할 수있는 방법은 무엇입니까?

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

로그인 후 복사

웹 브라우저 제어를 애플리케이션에 추가하려면 시각적 스튜디오에서 프로젝트를 열고 도구 상자에 가서 "공통 제어"를 찾아야합니다. 그런 다음 컨트롤을 양식으로 드래그하고 떨어 뜨릴 수 있습니다. 추가하면 속성 창을 사용하여 또는 코드에서 직접 컨트롤 프로그래밍을 시작할 수 있습니다.

WebBrowser 컨트롤을 사용하여 웹 페이지로 이동하려면 WebBrowser 컨트롤을 사용하여 웹 페이지로 탐색하려면 내비게 메소드를 사용할 수 있습니다. 이 메소드는 문자열 매개 변수를 취합니다.이 웹 페이지는 웹 페이지의 URL입니다. 예를 들어, Google으로 이동하려면 다음 코드를 사용합니다. WebBrowser1.navigate ( "http://www.google.com");

Webbrowser 컨트롤에로드 된 HTML 문서와 어떻게 상호 작용할 수 있습니까?

Webbrowser 컨트롤은 HTML 문서에 액세스 할 수 있습니다. 이 속성은 HTMLDocument 객체를 반환하며 페이지의 HTML 요소와 상호 작용하는 데 사용할 수 있습니다. 예를 들어, getElementByID 메소드를 사용하여 ID로 요소를 찾은 다음 속성을 조작 할 수 있습니다.

WebBrowser 컨트롤과 함께 javaScript를 사용할 수 있습니까?

예, WebBrowser 컨트롤과 함께 javaScript를 사용할 수 있습니다. 컨트롤은 호출 스크립트 메소드를 제공하여로드 된 웹 페이지의 맥락에서 JavaScript 코드를 실행할 수 있습니다. 이 메소드는 문자열 매개 변수를 사용합니다.이 매개 변수는 실행하려는 JavaScript 코드입니다. Webbrowser 컨트롤에서 내비게이션 이벤트를 처리하려면 어떻게해야합니까?

Webbrowser 컨트롤은 코드에서 처리 할 수있는 몇 가지 이벤트를 제공합니다. 예를 들어, 컨트롤이 새로운 웹 페이지로 탐색되기 전에 탐색 이벤트가 제기되고 탐색이 완료된 후 탐색 된 이벤트가 올라갑니다. 로딩 표시기를 표시하거나 주소 표시 줄을 업데이트하는 등 항해 전후에 작업을 수행하기 위해 이러한 이벤트를 처리 할 수 있습니다.

내 응용 프로그램에서 인터넷 익스플로러 설정을 제어 할 수 있습니까?

예, 응용 프로그램에서 일부 인터넷 익스플로러 설정을 제어 할 수 있습니다. Webbrowser Control은 Internet Explorer 응용 프로그램과 동일한 설정을 사용하므로 설정에 대한 변경 사항은 제어 및 응용 프로그램 모두에 영향을 미칩니다. 그러나 인터넷 익스플로러를 사용할 때 사용자의 경험에 영향을 줄 수 있기 때문에 모든 경우에 바람직하지 않을 수 있습니다.

웹 브라우저 컨트롤에 직접 HTML 컨텐츠를 직접 표시 할 수있는 방법은 무엇입니까?

WebBrowser 컨트롤은 컨트롤에 직접 HTML 컨텐츠를 표시하는 데 사용할 수있는 DocumentText 속성을 제공 할 수 있습니다. 이 속성은 문자열 매개 변수를 사용합니다. 이는 표시하려는 HTML 컨텐츠입니다. 예를 들어, 다음 코드를 사용하여 간단한 HTML 페이지를 표시 할 수 있습니다. webBrowser1.documentText = " hello, world!

위 내용은 Internet Explorer에서 Tabular Data Control 사용의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!