Προγραμματισμός

Γνώση Υπολογιστών >> Προγραμματισμός >  >> JavaScript Προγραμματισμός

Πώς να Μετακινηθείτε προς τα κάτω σε JavaScript

Το Document Object Model ή DOM , παρέχει έναν τυποποιημένο τρόπο να χειραγωγήσουν HTML με scripting ή γλώσσα προγραμματισμού . Το "παράθυρο" αντικείμενο στο DOM αναφέρεται στο ενεργό παράθυρο και περιέχει πολλά χαρακτηριστικά και τα στοιχεία που καθορίζουν περαιτέρω το παράθυρο. Η μέθοδος " scrollBy " σας επιτρέπει να μετακινηθείτε στο παράθυρο έναν ορισμένο αριθμό αυξήσεων κύλισης και μπορείτε να καλέσετε τη μέθοδο αυτή για να μετακινηθείτε προς τα κάτω σε ένα παράθυρο με τη χρήση JavaScript . Οδηγίες
Η

1 Δημιουργήστε ένα νέο έγγραφο HTML με το Σημειωματάριο ή ενός επεξεργαστή HTML . Εισάγετε τις κεφαλίδες HTML για το αρχείο . Για παράδειγμα, πληκτρολογήστε :

< DOCTYPE html PUBLIC " - //W3C //DTD XHTML 1.0 Transitional //EN " " http://www.w3.org/TR/xhtml1/DTD/xhtml1 - transitional.dtd ">



< p >

Scroll Παράδειγμα < /title> <br> < br > 2 <p> Δημιουργήστε μια λειτουργία JavaScript που θα χρησιμοποιήσει τη μέθοδο " scrollBy " για να μεταβείτε στην οθόνη προς τα κάτω κατά 50 pixels . Για παράδειγμα, πληκτρολογήστε : <br> <p> <script type="text/javascript"> <br> <p> scrollWindow λειτουργία () { <br> <p> window.scrollBy ( 0,50 ) ? < br > <p> } <br> <p> < /script > <br> <p> < /head> εικόνων <br> 3 <p> Προσθέστε ένα κουμπί στην οθόνη που θα καλέσετε η λειτουργία κύλισης JavaScript , όταν πατηθεί. Για παράδειγμα, πληκτρολογήστε : <br> <p> <body> <br> <p> <form id="myForm"> < input type = " κουμπί " αξία " Scroll " onclick = " scrollWindow ( ) " /> < /form> <br> <p> < /body> <br> <p> < /html > <br> Η <br> εικόνων <div class="grad2"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3314932315682382" crossorigin="anonymous"></script> <!-- 221021-2 --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3314932315682382" data-ad-slot="8094203668" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></div> <div class="grad3"></div> </div> <div class="fanyedads"> <ul> <li>Τελευταίο άρθρο: <a class='LinkPrevArticle' href='http://www.221021.com/Programming/javascript-programming/91020.html' >Πώς να Απόκρυψη κύλισης Με JavaScript </a> <li>Επόμενο άρθρο: <a class='LinkNextArticle' href='http://www.221021.com/Programming/javascript-programming/91022.html' >Πώς να Συγκρίνετε Ημερομηνία αντικείμενα σε JavaScript </a> </ul> </div> </div> <div class="woqinimaderwr24"> <div class="dibud23"> <div class="biaotidas51"> <div class="biaotidas511"><h3>Συναφής σύστασή</h3></div> <div class="butudasda"></div> </div> </div> <div class="dibud24"> <div class="dibud241"> <ul class="dsa31das"> <li><a href="http://www.221021.com/Programming/javascript-programming/90832.html" target="_blank">Πώς να μετατρέψετε ColdFusion αντικείμενα προς JSON </a></li> <li><a href="http://www.221021.com/Programming/javascript-programming/90922.html" target="_blank">Πώς να μετατρέψει ένα εξωτερικό JavaScript Into Εσωτερικής </a></li> <li><a href="http://www.221021.com/Programming/javascript-programming/91196.html" target="_blank">Πώς να φοράτε ένα φόρεμα Shift </a></li> <li><a href="http://www.221021.com/Programming/javascript-programming/91022.html" target="_blank">Πώς να Συγκρίνετε Ημερομηνία αντικείμενα σε JavaScript </a></li> <li><a href="http://www.221021.com/Programming/javascript-programming/91060.html" target="_blank">Πώς να αφαιρέσει ένα P Tag Με JQuery </a></li> </ul> </div> <div class="dibud242"> <div class="biaotidasoidasf3h4"> <h4>Τελευταία άρθρα</h4> <div class="nibushihenzaiyi"></div> </div> <ul class="thydghaodennrend"> <li><a href="http://www.221021.com/Programming/javascript-programming/91182.html" target="_blank">Πώς να δημιουργήσετε χρώματα βαφής </a></li> <li><a href="http://www.221021.com/Programming/javascript-programming/91150.html" target="_blank">Πώς να εφαρμόσουν ένα βασικό Καταστροφείς σε JavaScript </a></li> <li><a href="http://www.221021.com/Programming/javascript-programming/91023.html" target="_blank">Πώς να ελέγξει για το Κενό Με Javascript </a></li> <li><a href="http://www.221021.com/Programming/javascript-programming/91092.html" target="_blank">Java Development & Page Script </a></li> </ul> </div> </div> </div> <div class="dibudaohnagdsaw"> <div class="das342sd"><p>Πνευματικά δικαιώματα © <a href="http://www.221021.com/" target="_blank" >Γνώση Υπολογιστών</a> Όλα τα δικαιώματα κατοχυρωμένα </p></div> </div> </div> </body> </html>