Cas 1: Sélectionnez tout
Points de connaissance de l'application: ondblclick = () | onclick | Trouver des attributs de balises, des jugements et des applications de fonctions
Cas 2: seul choix
Vous ne pouvez en choisir qu'un et utiliser JS pour modifier ses options
Points de connaissance des applications: GetElementsbyTagname% 20 |% 20Cheked% 20 |% 20Mutex
Cas 3: clonage
Cas 4: Attributs personnalisés, obtenez des attributs personnalisés et modifiez le contenu de la balise
Cas 5: Trois façons d'obtenir les valeurs dans la zone d'entrée
Méthode 2: Requête
Méthode 3: ID
Cas 6:
Cas 7:
Cas 8: menu de tête
Cas 9: Retour au sommet
Points de connaissance principaux: Onscroll% 20 et document.body.scrolltop;
Cas 10:
Principaux points de connaissance:
// défilement% 20 défilement; Le sens de Scroll
//% 20Scrolltop:% 20 Hauteur de la barre de défilement du haut
//% 20ScrollHeight:% 20 Hauteur du document: lui-même + rembourrage
//% 20ClientTop:% 20 Hauteur de bordure
//% 20ClientHeight:% 20 La gamme actuelle Hauteur visible: lui-même% 20 +% 20padding
// compense% 20 Impression de sens
//% 20OffsetTop:% 20 La hauteur de l'étiquette actuelle de "haut" (corps)
//% 20 S'il n'y a pas de message dans son niveau précédent, s'il y en a, la balise de position est principalement basée sur la balise de position.
//% 20offsetheight:% 20 La hauteur de sa propre gamme: lui-même + padding + bordure
<! Doctype html> <html> <éadf> <meta charset = "utf-8"> <tapie> </ title> </ head> <pody> <div style = "height: 20px; background-color: verte;"> </div> <! - Head -> <div style = "border: 5px rose solide; padding: 10px;"> <! Style = "Height: 200px; débordement: auto; largeur: 400px; marge: 0 auto; bordure: 15px rouge solide; rembourrage: 3px;" > <div> sdf </ div> <div> sdf </ div> <div> sdf </ div> <div> sdf </ div> <div> sdf </ div> <v> sdf </ div> <div> sdf </ div> <v> sdf </ div> <v> sdf </ div> <v> sdf </ div> <div> sdf </ div> <div> sdf </ div> <div> sdf </ div> <div> sdf </ div> <div> sdf </ div> <v> sdf </ div> <div> sdf </ div> <v> sdf </ div> <v> sdf </ div> <v> sdf </ div> <div> sdf </ div> <div> sdf </ div> <div> sdf </ div> <div> sdf </ div> <div> sdf </ div> <v> sdf </ div> <div> sdf </ div> <v> sdf </ div> <v> sdf </ div> <v> sdf </ div> <div> sdf </ div> <div> sdf </ div> <div> sdf </ div> <div> sdf </ div> <div> sdf </ div> <v> sdf </ div> <div> sdf </ div> <v> sdf </ div> <v> sdf </ div> <v> sdf </ div> <div> sdf </ div> <div> sdf </ div> <div> sdf </ div> <div> sdf </ div> <div> sdf </div> <v> sdf </div> <v> sdf </div> <div> sdf </div> <v> sdf </ div> </ div> <v> sdf </ div> <div> sdf </ div> <div> sdf </ div> <div> sdf </ div> <div> sdf </ div> <div> sdf </div> <v> sdf </div> <v> sdf </div> <div> sdf </div> <v> sdf </ div> </ div> <v> sdf </ div> <div>sdf</div><div>sdf</div><div>sdf</div><div>sdf</div><div>sdf</div><div>sdf</div><div>sdf</div><div>sdf</div><div>sdf</div><div>sdf</div><div>sdf</div> <div>sdf</div> <div>sdf</div> </div> </div> </div> </div> </div> <script> var ii = document.getElementById('xo') console.log(ii.scrollTop) console.log(ii.scrollHeight) console.log(ii.clientTop) console.log(ii.clientHeight) console.log(ii.offsetTop) console.log(ii.offsetHeight) //scroll Scroll; scroll meaning // scrollTop: scrollbar height from the top // scrollHeight: Document height: itself + padding// clientTop: border height // clientHeight: visible range height: itself + padding //offset Print meaning // offsetTop: The current label distance from the "top" (body)// If there is no post on the previous level, if there is one, the position label is mainly used // offsetHeight: The visible range height: itself + padding+border </script> </body></html>好了，暂时就介绍到这里希望大家多写多练，主要是其中的逻辑，当然现在很多人都开始使用jquery了，大家也多注意。