Μια Frame Inline ή iFrame , είναι ένα πλαίσιο μέσα σε μια ιστοσελίδα που μπορεί να κρατήσει ένα εξωτερικό αντικείμενο , όπως μια άλλη ιστοσελίδα. Η iFrame χαρακτηριστικό " src ": καθορίζει τη σελίδα Web για να φορτωθούν στο πλαίσιο . Είναι συχνά η περίπτωση που θέλετε τα περιεχόμενα iFrame να διαφέρει ανάλογα με το λογική του προγράμματος , ένα γεγονός ή κάποια άλλα κριτήρια κατά το χρόνο εκτέλεσης . Μπορείτε να αλλάξετε το περιεχόμενο του iFrame με την τροποποίηση του "src " χαρακτηριστικό . Οδηγίες
Η
1 Δημιουργήστε ένα νέο αρχείο HTML χρησιμοποιώντας ένα πρόγραμμα επεξεργασίας HTMlL ή το Notepad . Εισάγετε τις κεφαλίδες HTML για το αρχείο . Για παράδειγμα, πληκτρολογήστε :
< DOCTYPE html PUBLIC " - //W3C //DTD XHTML 1.0 Transitional //EN " " http://www.w3.org/TR/xhtml1/DTD/xhtml1 - transitional.dtd ">
< p >
Πλαίσιο < /title> <br> Η 2 <p> Ορίστε μια λειτουργία JavaScript για να αλλάξετε το "src " χαρακτηριστικό του iFrame , προκειμένου να αλλάξει το περιεχόμενό της . Για παράδειγμα, πληκτρολογήστε : <br> <p> <script type="text/javascript"> <br> <p> changeContents λειτουργία () { <br> <p> πλαίσιο var = document.getEelemtnById ( " myFrame " ) ? <br> <p> αν ( frame.src = " this.html " ) <br> <p> frame.src = " that.html " ? <br> <p> άλλο <br> <p> πλαίσιο . src = " this.html " ? <br> <p> } <br> <p> < /script > <br> <p> < /head> εικόνων <br> 3 < p > Δημιουργία ενός κουμπιού HTML μέσα στο «σώμα» ετικέτες που θα καλέσει τη λειτουργία JavaScript για να αλλάξετε τα περιεχόμενα του iFrame όταν πατηθεί. Για παράδειγμα , πληκτρολογήστε : <br> <p> <body> <br> <p> <form> <input type="button" value="Change" onclick="changeContents()" /> < /form> <br> Η <p> 4 Τοποθετήστε το iFrame στην ιστοσελίδα. Για παράδειγμα, πληκτρολογήστε : <br> <p> <iframe id="myFrame" src="this.html" width="300" height="300"> < /iframe > <br> <p> < ;/body> <br> <p> < /html > <br> 5 <p> Αποθηκεύστε το αρχείο και να σηκώσει την ιστοσελίδα σε ένα πρόγραμμα περιήγησης . Δοκιμή για να βεβαιωθείτε ότι η δέσμη ενεργειών λειτουργεί σωστά . <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/91023.html' >Πώς να ελέγξει για το Κενό Με Javascript </a>
<li>Επόμενο άρθρο: <a class='LinkNextArticle' href='http://www.221021.com/Programming/javascript-programming/91025.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/90782.html" target="_blank">Συνδυασμός JavaScript Hotkeys </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/90847.html" target="_blank">Lightbox Vs . Lightbox 2 </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/281321.html" target="_blank">Πώς πληκτρολογείτε τον δείκτη; </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/90965.html" target="_blank">Πώς να πάρει τιμές σε ένα Αναδιπλούμενη λίστα στην Javascript για Post </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/91118.html" target="_blank">Πώς να ενημερώσετε ένα πεδίο Display Χρησιμοποιώντας JavaScript </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/91221.html" target="_blank">Πώς να δημιουργήσετε μια δωρεάν έντυπο Email </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/90878.html" target="_blank">Πώς να πάρει μια Περιοχή κειμένου με όνομα σε JQuery </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/91104.html" target="_blank">Πώς να χρησιμοποιήσετε το NetBeans να Debug MATLAB </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/90933.html" target="_blank">Πώς να επεξεργαστείτε μια επιστολή στο Acajoom </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>