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

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

Πώς να Παράκαμψη ενός IFrame σε JavaScript

Μια Frame Inline ή iFrame , είναι ένα αντικείμενο σε μια ιστοσελίδα που μπορεί να κρατήσει ένα άλλο αντικείμενο , όπως μια άλλη ιστοσελίδα. Με JavaScript , έχετε τη δυνατότητα να παρακάμψει , ή την αλλαγή , το περιεχόμενο του τι εμφανίζεται στην iFrame αλλάζοντας το "src " χαρακτηριστικό της ετικέτας iFrame . Μπορείτε να επιτρέψετε στο χρήστη να παρακάμψετε το iFrame με τη συμμετοχή αυτή τη λειτουργία με ένα κουμπί , για παράδειγμα. Οδηγίες
Η

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





Παρακάμπτοντας Φτηνές 2 <p> Προσθέστε ένα iFrame στην ιστοσελίδα και να ορίσετε ένα αναγνωριστικό σε αυτό. Προσθέστε ένα κουμπί στη σελίδα Web για να παρακάμψετε το iFrame . Για παράδειγμα , μεταξύ του HTML " <body> " ετικέτες , Τύπος : <br> <p> <form> <input type = " κουμπί" name = " υπεροχής" value = "Παράκαμψη " onclick = " changeIFrame ( ) " /> </form > <br> <p> <hr/> <br> <p> <iframe id="frame1" src="http://www.example.com"> </iframe > εικόνων <br> 3 <p> Δημιουργήστε μια λειτουργία JavaScript για να παρακάμψετε τα περιεχόμενα του iFrame και τοποθετήστε το μεταξύ των " <head><meta name="viewport" content="width=device-width, initial-scale=1.0"> " ετικέτες στο έγγραφο HTML . Για παράδειγμα, πληκτρολογήστε : <br> <p> <script type="text/javascript"> <br> <p> changeIFrame λειτουργία () { var <br> <p> τρέχουσα = document.getElementById ( " frame1 " ). src ? . <br> <p> αν ( cur.match ( /yahoo /) ) <br> <p> document.getElementById ( " frame1 " ) src = <br> <br> εικόνων <div class="grad2"><script language='javascript' src='http://www.221021.com/ad/gr/2.js'></script></div> <div class="grad3"></div> </div> <div class="fanyedads"> <ul> <li>Τελευταίο άρθρο: <a class='LinkPrevArticle' href='/Programming/javascript-programming/91011.html' >Πώς να προετοιμαστεί ένα Array JavaScript </a></li> <li>Επόμενο άρθρο: <a class='LinkNextArticle' href='/Programming/javascript-programming/91013.html' >Πώς να περάσει μια Ακέραιος σε λειτουργία το JavaScript </a></li> </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"> <h3><a href="/Programming/javascript-programming/91096.html" target="_blank">Εργαλείο XML Tip Tutorial </a></h3> <p><a href="/Programming/javascript-programming/91096.html" target="_blank">Μια συμβουλή εργαλείο είναι μια ιστοσελίδα pop -up που εμφανίζεται όταν το ποντίκι ενός χρήστη πάνω σε ένα στοιχείο σε μια σελίδα . Ένα χαρακτηριστικό παράδειγμα είναι όταν ένας χρήστης αιωρείται το ποντίκι πάνω από μια φωτογραφία και μια συμβουλή εργαλείου εμφανίζεται δίνοντας τον τίτλο της φωτογραφίας . XML χρησιμοποιείται για δικτυακούς τόπους για την αποθήκευση δεδομένων σε τυποποιημένη μορφή . Μπορεί να χρησιμοποιηθεί αντί της βάσης δεδομένων. Ένα αρχείο XML μπορεί να τροποποιηθεί χρησιμοπο</a></p> <div class="feggexiandsada"></div> <ul class="dsa31das"> <li><a href="/Programming/javascript-programming/90833.html" target="_blank">Πώς να κώδικα χρησιμοποιώντας το πρόγραμμα επεξεργασίας δέσμης ενεργειών στο LiveCycle </a></li> <li><a href="/Programming/javascript-programming/91232.html" target="_blank">Πώς να Τοποθετήστε HTML σε ένα μήνυμα ηλεκτρονικού ταχυδρομείου </a></li> <li><a href="/Programming/javascript-programming/91083.html" target="_blank">Πως να διορθώσετε λάθη Σενάριο </a></li> <li><a href="/Programming/javascript-programming/91125.html" target="_blank">Πώς να επιτρέψει τη φόρμα Απενεργοποίηση κουμπιού Javascript </a></li> <li><a href="/Programming/javascript-programming/90905.html" target="_blank">Τι είναι η ανισότητα στη JavaScript </a></li> </ul> </div> <div class="dibud242"> <div class="biaotidasoidasf3h4"> <h4>Τελευταία άρθρα</h4> <div class="nibushihenzaiyi"></div> </div> <ul class="thydghaodennrend"> <li><a href="/Programming/php-mysql-programming/92800.html" target="_blank">Πώς να συμπεριλάβετε ένα αρχείο JS σε PHP </a></li> <li><a href="/Programming/php-mysql-programming/91416.html" target="_blank">Πώς να υπολογίσετε το Ομοιότητα Factor σε έγγραφα σε PHP </a></li> <li><a href="/Programming/computer-programming-languages/86320.html" target="_blank">Πώς να γράψετε ένα Εξωτερικό Συμμετοχή στο AFD σε WebFOCUS </a></li> <li><a href="/Programming/php-mysql-programming/92502.html" target="_blank">Πώς να βρείτε λέξεις σε ένα αρχείο Χρησιμοποιώντας την PHP </a></li> <li><a href="/Programming/computer-programming-languages/88146.html" target="_blank">Πώς να Deep Link σε Silverlight </a></li> <li><a href="/Programming/java-programming/90629.html" target="_blank">JSP Web Tutorial </a></li> <li><a href="/Programming/python-programming/93869.html" target="_blank">Πώς να Φίλτρο αριθμού σε ένα Ακολουθία </a></li> <li><a href="/Programming/java-programming/89845.html" target="_blank">Πώς να αναπτύξει Tetris παιχνίδια σε Java </a></li> </ul> </div> <div class="dibud243"> <div class="tibiaodsafda"><h4>JavaScript Προγραμματισμός</h4></div> <ul class="beitonggu"> <li><a href="http://www.221021.com/Software/remote-desktop-management/" >Διαχείριση Remote Desktop</a></li> <li><a href="http://www.221021.com/Hardware/computer-peripherals/" >Περιφερειακά Υπολογιστών</a></li> <li><a href="http://www.221021.com/Networking/ftp-telnet/" >FTP και Telnet</a></li> <li><a href="http://www.221021.com/Software/presentation-software/" >παρουσίαση λογισμικού</a></li> <li><a href="http://www.221021.com/Troubleshooting/pc-support/" >Υποστήριξη PC</a></li> <li><a href="http://www.221021.com/Troubleshooting/computer-viruses/" >Οι ιοί υπολογιστών</a></li> <li><a href="http://www.221021.com/Software/digital-video-software/" >Ψηφιακό λογισμικό βίντεο</a></li> <li><a href="http://www.221021.com/Software/audio-software/" >Προγράμματα Ήχου</a></li> <li><a href="http://www.221021.com/Software/educational-software/" >Εκπαιδευτικό Λογισμικό</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>