웹 디자인에 대한 웹 디자인 애호가에 오신 것을 환영합니다.
웹 컨트롤 및 HTML 컨트롤은 매우 기능적이며 매우 유사하게 보이지만
그러나 그들의 내부 구현 메커니즘은 완전히 다릅니다
웹 컨트롤은 HTML 컨트롤보다 효율적입니다
1. 또한 사용하기에 매우 편리합니다. 예를 들어, 버튼 생성 :
HTML 컨트롤은 모든 거대한 컨트롤 컬렉션을 페이지에 가져옵니다. 함수가 사용될 때마다 속성을 다음과 같이 설정하십시오.
<입력 유형 = 제출/버튼 runat = Server>
이것은 상당한 양의 제어 자원을 차지할 것입니다.
웹 컨트롤은 통합 된 단일 기능으로 분해합니다.
<ASP : 버튼 id = "btnok" />
이로 인해 불필요한 통제가 차지하는 자원이 절약됩니다
2. 웹 컨트롤에는 루프백 기능이 있으며 ViewState를 사용하여 제어 상태를 유지할 수 있습니다.
HTML 컨트롤은 할 수 없으며 페이지를 클릭하면 상태가 손실됩니다.
이와 같은 실험을 수행 할 수 있습니다.
나. A.html B.aspx
II. A.HTML 페이지에 RadioButton과 HTML 컨트롤 버튼을 추가하십시오.
B.aspx에서 Radiobutton 및 웹 컨트롤 버튼을 추가하십시오.
iii.a.html은 브라우저에서 두 번 클릭하여 직접 실행되며, B.aspx는 IIS를 통해 실행됩니다.
IV. A.HTML 인터페이스 실행중인 RadioButton을 선택한 다음 버튼 버튼을 클릭하면 RadioButton이
선택 취소 (상태 손실)이지만 B.aspx 페이지에서도 동일한 작업을 수행하면 Radiobutton이 손실되지 않습니다.
그것의 상태를 저장하십시오. 실행 중 인터페이스에서 "보기"-> "소스 파일"을 클릭하여 HTML 코드 파일을 열 수 있습니다.
다음과 유사한 암호화 된 Viewstate를 찾으십시오.
<입력 유형 = "hidden"name = "_ viewstate"value = "ddw0ajfmafmjfzzmj4"/>
실제로, ViewState 구현 원칙은 일부 정보를 숨겨진 제어에 넣는 것입니다.
클라이언트에 저장됩니다
여기서 주목해야 할 것은 다음과 같습니다.
루프백 함수는 형식이 *.aspx 파일 인 경우에만 켜질 수 있고 컨트롤에는 속성이 "runat = server"가 있습니다.
3. HTML 컨트롤과 웹 컨트롤의 가장 큰 차이점은 이벤트 처리 방법이 다르다는 것입니다. HTML 양식 제어를 위해
이벤트가 제기되면 브라우저가 처리됩니다. 그러나 웹 컨트롤의 경우 이벤트는 브라우저에서만 생성되지만 브라우징
컴퓨터는 처리하지 않으며 클라이언트는 서버에 메시지를 보내 서버에 이벤트를 처리하도록 지시해야합니다. 그러나 일부 사건,
예를 들어:
키/움직임/마우스 및 기타 이벤트를 누르십시오.이 이벤트는 ASP.NET에서 사용할 수 없습니다.
(이러한 이벤트는 매우 즉각적이기 때문에 서버는 제 시간에이를 처리하지 않습니다), HTML 컨트롤은 HTML 이벤트와 결합하여 역할을 수행합니다.
완료를 지원합니다.
HTML의 몇 가지 일반적인 이벤트는 다음과 같습니다.
브라우저에서 실행 된 HTML 컨트롤 이벤트 :
클릭하면 트리거 :
<입력 유형 = "버튼"value = "Click Me">
마우스가 튀어 나오면 트리거됩니다.
<input type = "button"value = "click me"onmouseup = "alert ( 'hi, hello!');">
// 컨트롤 위에 떠 다니면 트리거됩니다
<입력 유형 = "버튼"value = "Click Me"onMouseOver = "Alert ( 'HI, Hello!"); ">
// 마우스가 컨트롤 위로 움직일 때 트리거되었습니다
<입력 유형 = "버튼"value = "Click Me"OnMousEmove = "Alert ( 'hi, hello!');">
// 컨트롤을 두 번 클릭하면 트리거되었습니다
<input type = "button"value = "click me"ondblclick = "alert ( 'hi, hello!');">
// 컨트롤에 중점을두면 키를 누르면 트리거됩니다.
<입력 유형 = "button"value = "click me"onkeypress = "Alert ( 'hi, hello!');">
// 버튼을 누르면 트리거되었습니다
<input type = "button"value = "click me"onkeydown = "Alert ( 'hi, hello!');">