, bienvenue aux amateurs de conception Web au développement Web.
Bien que les contrôles Web et les commandes HTML soient très fonctionnels et semblent très similaires
Mais leur mécanisme de mise en œuvre interne est complètement différent
Les commandes Web sont plus efficaces que les contrôles HTML
1. Il est également assez pratique à utiliser. Par exemple, la génération de boutons:
Le contrôle HTML apporte toute l'énorme collection de contrôle dans la page. Chaque fois que la fonction est utilisée, définissez les propriétés comme suit:
<entrée Type = Soumide / Button Runat = Server>
Cela prendra une quantité considérable de ressources de contrôle
Les commandes Web démontent l'intégration dans une seule fonction:
<asp: bouton id = "btnok" />
Cela permet d'économiser les ressources occupées par des contrôles inutiles
2. Le contrôle Web a une fonction de bouclage et peut utiliser ViewState pour maintenir l'état du contrôle.
Le contrôle HTML ne peut pas, et lorsque la page est cliquée, son statut sera perdu.
Une expérience comme celle-ci peut être faite:
je. Créez deux fichiers séparément: a.html B.aspx
ii Ajoutez le radio-objet et un bouton du contrôle HTML dans la page A.HTML,
Ajouter Radiobutton et un bouton de contrôle Web dans B.aspx
iii.a.html fonctionne directement avec un double clic sur le navigateur, B.aspx fonctionne via IIS
iv. Dans l'interface A.Html en cours d'exécution, sélectionnez Radiobutton, puis cliquez sur le bouton du bouton, vous constaterez que Radiobutton
Décochez (perdu son statut), mais faites de même sur la page B.aspx, Radiobutton ne sera pas perdu car ViewState ne sera pas
Enregistrez le statut. Vous pouvez cliquer sur "Affichage" -> "Fichier source" dans l'interface en cours pour ouvrir le fichier de code HTML.
Trouvez le state Viewstate crypté, similaire à ce qui suit:
<input type = "Hidden" name = "_ Viewstate" value = "ddw0ajfmafmjfzzmj4" />
En fait, le principe de mise en œuvre de ViewState est de mettre des informations dans un contrôle caché et les informations ViewState générées par ASP.NET
Il est stocké sur le client
Une chose à noter ici est:
La fonction de bouclage ne peut être activée que lorsque le format est * .aspx fichier et que le contrôle a la propriété: "runat = server".
3. La plus grande différence entre les contrôles HTML et les contrôles Web est qu'ils ont différentes méthodes de gestion des événements. Pour le contrôle de la forme HTML,
Lorsqu'un événement est augmenté, le navigateur le traite. Mais pour les contrôles Web, les événements ne sont générés que par le navigateur, mais la navigation
La machine ne le traitera pas et le client doit envoyer un message au serveur pour dire au serveur de gérer l'événement. Mais certains incidents,
Par exemple:
Appuyez sur la touche / mouvement / souris et autres événements, ces événements ne sont pas disponibles dans ASP.NET
(Parce que ces événements sont très immédiates, le serveur ne les gère pas à temps), alors le contrôle HTML jouera son rôle, combiné avec l'événement HTML
Aider à terminer.
Voici quelques événements communs pour HTML:
Événements de contrôle HTML exécutés sur le navigateur:
Déclenché lorsque vous cliquez:
<entrée type = "bouton" value = "cliquez sur moi">
Déclenché lorsque la souris est rebondi:
<input type = "bouton" value = "cliquez sur moi" onMouseUp = "alert ('Salut, bonjour!');">
// déclenche lorsqu'il flottait au-dessus du contrôle
<input type = "bouton" value = "cliquez sur moi" onMouseOver = "alert ('Salut, bonjour!"); ">
// déclenché lorsque la souris se déplace au-dessus du contrôle
<input type = "bouton" value = "cliquez sur moi" onMouseMove = "alert ('salut, bonjour!');">
// déclenché lorsque vous double-cliquant sur le contrôle
<input type = "bouton" value = "cliquez sur moi" ondblclick = "alert ('Salut, bonjour!');">
// Lorsque l'accent est mis sur le contrôle, se déclenche lorsque la touche est enfoncée
<entrée type = "bouton" value = "cliquez sur moi" onkeyPress = "alert ('Salut, bonjour!');">
// déclenché lorsque le bouton est appuyé
<input type = "bouton" value = "cliquez sur moi" onkeydown = "alert ('Salut, bonjour!');">