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

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

Πώς να αφαιρέσει iFrame κύλισης σε JavaScript

Ένα ενσωματωμένο πλαίσιο , ή IFrame , είναι ένα αντικείμενο σε μια ιστοσελίδα που μπορεί να κρατήσει ένα άλλο αντικείμενο , όπως μια άλλη ιστοσελίδα. Εάν το ύψος και το πλάτος του IFrame είναι πάρα πολύ μικρή για να χωρέσει ολόκληρο το αντικείμενο , το σύστημα θα θέσει τις μπάρες κύλισης στο παράθυρο iFrame . Μπορείτε να χρησιμοποιήσετε τη Javascript για να αφαιρέσετε τις γραμμές κύλισης iFrame ρυθμίζοντας την "μετακίνηση " κτήμα του iFrame . Οδηγίες
Η

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

< ! DOCTYPE HTML >



< p>

Δεν Bars Scroll On iFrame < /title> 2 <br> <p> Δημιουργήστε μια λειτουργία JavaScript για να αφαιρέσετε το κύλισης , ορίζοντας την "μετακίνηση " ιδιότητα " όχι : " <br> <p> <script> <br> <p> λειτουργία removeSB ( ) <br> Η <p> 3 Τοποθετήστε το iFrame στη σελίδα με την ετικέτα <div> id σας χρησιμοποιείται στη συνάρτηση JavaScript : <br> <p> < iframe id = " otherPage " src = " http : //example.com /iframe.html " width = " 300 " height = " 300 " > < /iframe > <br> Η 4 <p> Δημιουργήστε ένα κουμπί στην οθόνη ότι ο χρήστης μπορεί να πατήσει για τη σειρά από τις μπάρες κύλισης στο iFrame : <br> <p> <input type="button" value="Turn Off Scroll Bars" onClick="removeSB();"> <br> <p> < /body> ? <br> <p> < /html > <br> 5 <p> Αποθηκεύστε το αρχείο . Ανοίξτε σε ένα πρόγραμμα περιήγησης και κάντε κλικ στο κουμπί για να αφαιρέσετε τις γραμμές κύλισης από το iFrame . <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/90933.html' >Πώς να επεξεργαστείτε μια επιστολή στο Acajoom </a> <li>Επόμενο άρθρο: <a class='LinkNextArticle' href='http://www.221021.com/Programming/javascript-programming/90935.html' >Πώς να αλλάξετε ένα PHP με JS </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/91071.html" target="_blank">Πώς να ρυθμίσετε την αξία του ενός iFrame </a></li> <li><a href="http://www.221021.com/Programming/javascript-programming/91093.html" target="_blank">Πώς να χρησιμοποιήσετε Javascript Με Ole Αυτοματισμού </a></li> <li><a href="http://www.221021.com/Programming/javascript-programming/91251.html" target="_blank">Πώς να αποφύγετε Javascript Void </a></li> <li><a href="http://www.221021.com/Programming/javascript-programming/91166.html" target="_blank">Javascript Grid Tutorial </a></li> <li><a href="http://www.221021.com/Programming/javascript-programming/91083.html" target="_blank">Πως να διορθώσετε λάθη Σενάριο </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/91125.html" target="_blank">Πώς να επιτρέψει τη φόρμα Απενεργοποίηση κουμπιού Javascript </a></li> <li><a href="http://www.221021.com/Programming/javascript-programming/91149.html" target="_blank">Javascript Tutorial για PDF </a></li> <li><a href="http://www.221021.com/Programming/javascript-programming/91083.html" target="_blank">Πως να διορθώσετε λάθη Σενάριο </a></li> <li><a href="http://www.221021.com/Programming/javascript-programming/90793.html" target="_blank">Πώς να προσθέσετε στοιχεία ελέγχου στο Google Maps API </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>