Μια Frame Inline ή iFrame , είναι ένα αντικείμενο σε μια ιστοσελίδα που μπορεί να κρατήσει ένα άλλο αντικείμενο , όπως μια άλλη ιστοσελίδα. Με JavaScript , έχετε τη δυνατότητα να παρακάμψει , ή την αλλαγή , το περιεχόμενο του τι εμφανίζεται στην iFrame αλλάζοντας το "src " χαρακτηριστικό της ετικέτας iFrame . Μπορείτε να επιτρέψετε στο χρήστη να παρακάμψετε το iFrame με τη συμμετοχή αυτή τη λειτουργία με ένα κουμπί , για παράδειγμα. Οδηγίες
Η
1 Δημιουργήστε ένα νέο αρχείο HTML σε ένα πρόγραμμα επεξεργασίας ή χρησιμοποιώντας το Σημειωματάριο . Για παράδειγμα, πληκτρολογήστε :
< DOCTYPE html PUBLIC " - //W3C //DTD XHTML 1.0 Transitional //EN " " http://www.w3.org/TR/xhtml1/DTD/xhtml1 - transitional.dtd ">
< p >
Παρακάμπτοντας Φτηνές 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> " ετικέτες στο έγγραφο 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 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/91011.html' >Πώς να προετοιμαστεί ένα Array JavaScript </a>
<li>Επόμενο άρθρο: <a class='LinkNextArticle' href='http://www.221021.com/Programming/javascript-programming/91013.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/91160.html" target="_blank">Πώς να κάνω μια Habbo Retro </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/91070.html" target="_blank">Πώς να κύλιση σε μηνύματα στη γραμμή κατάστασης </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/91207.html" target="_blank">Πώς να ρυθμίσετε Animation Ιστορικό μιας ιστοσελίδας </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/91001.html" target="_blank">Πώς να Βάλτε ένα Facebook Connect στο Υποσέλιδο Χρησιμοποιώντας JavaScript </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/90849.html" target="_blank">Πώς να κρατήσει το JS Πρωτότυπο Έως Ημερομηνία </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/262310.html" target="_blank">Πώς να ενεργοποιήσετε τη JavaScript σε Chrome, Microsoft Edge και Safari </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/90964.html" target="_blank">3 - D εφέ με JavaScript </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/90980.html" target="_blank">Πώς να αντικαταστήσει Div Κώδικες </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/91052.html" target="_blank">Πώς να ενημερώσετε τις μεταβλητές συνεδρίας από JavaScript </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>