Bamboo
IFRAME Usage
IFrame is not very common, very small in the standard web page. But some friends often ask, let me introduce it to its usage, you only have to master these parameters.
should also be a form of a framework, which is different from <frame> that iframe can be embedded in any part of the web page. We will raise the first example, specific code such as: <iframe width = 420 height = 330 frameborder = 0 scrolling = auto src = url> </ iframe>, the URL here can be a relative path, or an absolute path, such as :</p> <p>SRC = "../../ serve / mend / sp2.htm" frameborder = "0" width = "420" height = "330"></p> <p>WIDTH represents the width, Height represents the width, and adjusts according to the actual situation. Scrolling indicates whether the page scroll bar is displayed, and the optional parameter is auto, yes, no, if this parameter is omitted, the default is Auto.</p> <p> II. How to implement the hyperlink on the page to point to this embedded web page? As long as you name this iframe is naming. The method is <iframe name = **>, for example, I named AA, write this HTML language <iframe width = 420 height = 330 name = aa frameborder = 0 src = http://www.cctv.com> </ Iframe>, then, the hyperlink statement on the web should be written as: <a href=URL Target=AA> Effects, please click here: CCTV</p> <p>Name = "aa" src = "../../ serve / mend / sp2.htm" frameborder = "0" width = "420" height = "330"></p> <p> 三, if Frameborder is set to 1, the effect is like a text box, as follows:</p> <p>SRC = "../../ serve / mend / sp2.htm" frameborder = "1" width = "420" height = "330"> <script src = "../../ js / ac4.js" TYPE = "text / javascript"> </ script></p> <p>Web tree tree copyright statement:</p></div><div class="text-center mt-3 text-grey"> 转载请注明原文地址:https://www.9cbs.com/read-131504.html</div><div class="plugin d-flex justify-content-center mt-3"></div><hr><div class="row"><div class="col-lg-12 text-muted mt-2"><i class="icon-tags mr-2"></i><span class="badge border border-secondary mr-2"><h2 class="h6 mb-0 small"><a class="text-secondary" href="tag-2.html">9cbs</a></h2></span></div></div></div></div><div class="card card-postlist border-white shadow"><div class="card-body"><div class="card-title"><div class="d-flex justify-content-between"><div><b>New Post</b>(<span class="posts">0</span>) </div><div></div></div></div><ul class="postlist list-unstyled"> </ul></div></div><div class="d-none threadlist"><input type="checkbox" name="modtid" value="131504" checked /></div></div></div></div></div><footer class="text-muted small bg-dark py-4 mt-3" id="footer"><div class="container"><div class="row"><div class="col">CopyRight © 2020 All Rights Reserved </div><div class="col text-right">Processed: <b>0.040</b>, SQL: <b>9</b></div></div></div></footer><script src="./lang/en-us/lang.js?2.2.0"></script><script src="view/js/jquery.min.js?2.2.0"></script><script src="view/js/popper.min.js?2.2.0"></script><script src="view/js/bootstrap.min.js?2.2.0"></script><script src="view/js/xiuno.js?2.2.0"></script><script src="view/js/bootstrap-plugin.js?2.2.0"></script><script src="view/js/async.min.js?2.2.0"></script><script src="view/js/form.js?2.2.0"></script><script> var debug = DEBUG = 0; var url_rewrite_on = 1; var url_path = './'; var forumarr = {"1":"Tech"}; var fid = 1; var uid = 0; var gid = 0; xn.options.water_image_url = 'view/img/water-small.png'; </script><script src="view/js/wellcms.js?2.2.0"></script><a class="scroll-to-top rounded" href="javascript:void(0);"><i class="icon-angle-up"></i></a><a class="scroll-to-bottom rounded" href="javascript:void(0);" style="display: inline;"><i class="icon-angle-down"></i></a></body></html><script> var forum_url = 'list-1.html'; var safe_token = 'xRgL0LJ3SDQMr2cJ2wLqrXbgtHvhegbvb17gmaEA_2FxRo1uTqcCeKVPTiAqkFskcCcfm_2FunTyL8CETf9fC_2FlZTA_3D_3D'; var body = $('body'); body.on('submit', '#form', function() { var jthis = $(this); var jsubmit = jthis.find('#submit'); jthis.reset(); jsubmit.button('loading'); var postdata = jthis.serializeObject(); $.xpost(jthis.attr('action'), postdata, function(code, message) { if(code == 0) { location.reload(); } else { $.alert(message); jsubmit.button('reset'); } }); return false; }); function resize_image() { var jmessagelist = $('div.message'); var first_width = jmessagelist.width(); jmessagelist.each(function() { var jdiv = $(this); var maxwidth = jdiv.attr('isfirst') ? first_width : jdiv.width(); var jmessage_width = Math.min(jdiv.width(), maxwidth); jdiv.find('img, embed, iframe, video').each(function() { var jimg = $(this); var img_width = this.org_width; var img_height = this.org_height; if(!img_width) { var img_width = jimg.attr('width'); var img_height = jimg.attr('height'); this.org_width = img_width; this.org_height = img_height; } if(img_width > jmessage_width) { if(this.tagName == 'IMG') { jimg.width(jmessage_width); jimg.css('height', 'auto'); jimg.css('cursor', 'pointer'); jimg.on('click', function() { }); } else { jimg.width(jmessage_width); var height = (img_height / img_width) * jimg.width(); jimg.height(height); } } }); }); } function resize_table() { $('div.message').each(function() { var jdiv = $(this); jdiv.find('table').addClass('table').wrap('<div class="table-responsive"></div>'); }); } $(function() { resize_image(); resize_table(); $(window).on('resize', resize_image); }); var jmessage = $('#message'); jmessage.on('focus', function() {if(jmessage.t) { clearTimeout(jmessage.t); jmessage.t = null; } jmessage.css('height', '6rem'); }); jmessage.on('blur', function() {jmessage.t = setTimeout(function() { jmessage.css('height', '2.5rem');}, 1000); }); $('#nav li[data-active="fid-1"]').addClass('active'); </script>
