Caso 1: selecione todos
Pontos de conhecimento do aplicativo: OndblClick = () | ONCLICK | Encontre atributos de tags, julgamentos e aplicações de funções
Caso 2: escolha única
Você só pode escolher um e usar JS para alterar suas opções
Pontos de conhecimento de aplicação: getElementsByTagName%20 |%20 Verificou%20 |%20Mutex
Caso 3: Clonagem
Caso 4: Atributos personalizados, obtenha atributos personalizados e altere o conteúdo da tag
Caso 5: três maneiras de obter os valores na caixa de entrada
Método 2: Consulta
Método 3: Id
Caso 6:
Caso 7:
Caso 8: menu principal
Caso 9: retorne ao topo
Principais pontos de conhecimento: OnScroll%20 e Document.Body.Scrolltop;
Caso 10:
Principais pontos de conhecimento:
// rolagem%20 rolagem; o significado de rolagem
//%20Scrolltop:%20 altura da barra de rolagem de cima
//%20ScrolHeight:%20 Document Hight: si mesmo + preenchimento
//%20clienttop:%20 altura da borda
//%20clientHeight:%20 A alcance atual altura visível: em si%20+%20 padding
// Offset%20 Impressão Significado
//%20OffSettop:%20 A altura do rótulo atual de "Top" (corpo)
//%20 Se não houver postagem em seu nível anterior, se houver, a tag de posição será baseada principalmente na tag de posição.
//%20offsettheight:%20 A altura de sua própria gama: ele próprio + preenchimento + borda
<! Doctype html> <html> <head> <meta charset = "utf-8"> <title> </title> </ad head> <body> <div style = "altura: 20px; cor de fundo cor de fundo:"> </div> <!-head-> <div style = "borda: 5px sólido corporal; Style = "Altura: 200px; Overflow: Auto; largura: 400px; margem: 0 automático; borda: 15px vermelho sólido; preenchimento: 3px;" > <div> sdf </div> <div> sdf </div> <div> sdf </div> <div> sdf </div> <div> sdf </div> <div> sdf </div> <div> sdf </div> <s> sdf </div> <div> <div> </> </> sdf </sdf </sdf </sdf </div> <div> <// <div> sdf </div> <div> sdf </div> <div> sdf </div> <div> sdf </div> <div> sdf </div> <div> sdf </div> <div> sdf </div> <s> sdf </div> <div> <div> </> </> sdf </sdf </sdf </sdf </div> <div> <// <div> sdf </div> <div> sdf </div> <div> sdf </div> <div> sdf </div> <div> sdf </div> <div> sdf </div> <div> sdf </div> <s> sdf </div> <div> <div> </> </> sdf </sdf </sdf </sdf </div> <div> <// <div> sdf </div> <div> sdf </div> <div> sdf </div> <div> sdf </div> <div> sdf </div> <div> sdf </div> <div> sdf </div> <s> sdf </div> <div> <div> </> </> sdf </sdf </sdf </sdf </div> <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> <df> </div> <div> sdf <//> <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> <df> </div> <div> sdf <//> <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了，大家也多注意。