JavaScriptJScript realizes the mutual reference problem of the father and son form

zhaozj2021-02-16  61

Title JavaScript / JScript Implementation of Powered By Zostapo Zostapo (Original) Keyword JavaScript JScript Form Reference

Title: JavaScript / JScript Implementation of Powered By Zostapo Key Words: JavaScript JScript Form Reference Content: Recently, there are many netizens asking how to use JavaScipT to implement pop-up forms and parent form functions. I have some experience in the previous use, I hope to share with you. I hope to have some help to the needs of users. This paper mainly is mainly based on example, and all source code is attached thereafter. The key to the parent form, the child form reference is below: (1) Window.Open. Function return value is a reference handle that pops up the subform. (2) Get the parent window. 4/10 with the handle. This is the key to functional implementation, and it is very simple. Self.opener Returns the parent form of the form. (3) Form references implemented by Self, Window, Parent, TOP, are implemented for frame / frameset, which is not large. If you don't get the parent form that pops up the form with Parent. This article is only a simple analysis description for the reference between the form. Source code is just to provide simple demonstration, very imperfect, if used, please increase the corresponding error checks.

Welcome to zostapo's Website :::::::::::::::::::::::::::::::::::::::: Function TestP () {Alert ("Message in Parent Window!");} Function openwindow () {if (child == null) {child = window.open ("child.htm");}}} function callmethod ()} IF (child! = null) {child.testc ();}} function closewindow () {if (child! = null) {child.close (); child = null;}} // -> </ script> <style type = "text / css"> A: hover {color: # 0000ff; Text-Decoration: underline} body {color: #fffff; font-family: Courier New, Courier, mono} </ stop> </ head > <Body bgcolor = "# 000000"> <! - title content bengin -> <p align = center> <font size = 6 color = '# 6699cc'> <b> Welcome to zostapo Castle </ b> < / font> </ p> <b> Watch text Changing: <b> <br> <input type = "text" id = "author" value = "change by child" > <br> <br> <b> Open child Window: </ b> <br> <input type = "button" value = "Open Child Window" οnclick = "openwindow ();"> <br> <br> <b> call child method: </ b> <br> <input type = "button" value = "Call Child Met hod "οnclick =" callmethod (); "> <br> <br> <b> Close child Window: </ b> <br> <input type =" button "value =" Close Child Window "οnclick =" closewindow ( );! "> <br> <br> <- Footer content begin -> <hr width = 100%> <p align = center></p> <p>Powered by <a href="zostapomailto: dd@@263.net"> zostapo </a> </ body> </ html> <html> <head> <title> welcome to zostapo's website :::::::: : Powered by Zostapo </ title> </ title> <script language = "javascript"> <! - var parwindow = null; parwindow = self.opener; function testc () {Alert ("Message In Child WinDow!") ({if (ParWindow! = null) {ParWindow.Document.all ("author"). value = "zostapo";}} function callmethod () {if (ParWindow! = null) {ParWindow.testp ()}} function closewindow () {if (ParWindow! = null) {ParWindow.close (); parwindow = null;}} // -> </ script> <style type = "text / css"> a : hover {color: # 000000ff; Text-Decoration: underline} body {color: #ffff; font-family: coier new, court> <body bgcolor = # 000000> <body bgcolor = # 000000> < - Title Content Bengin -> <p align = center> <font size = 6 color = '# 6699cc'> <b> Welcome to zostapo castle </ b> </ font> </ p> <! Body content bengin -> <b> Change parent Text: </ b> <br> <input type = "button" value = "Change parent Text" οnclick = "changetext ();"> <br> <br> < B> Call Parent Met hod: </ b> <br> <input type = "button" value = "Call Parent Method" οnclick = "callmethod ();"> <br> <br> <b> Close parent Window: </ b> < br> <input type = "button" value = "Close Parent Window" οnclick = "closewindow ();"!> <br> <br> <- Footer content begin -> <hr width =</p></div><div class="text-center mt-3 text-grey"> 转载请注明原文地址:https://www.9cbs.com/read-18456.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="18456" 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.037</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 = 'a9X0LXNkM55rrNca1PlgO6GKo_2F6eAfL3KLEXwQ3SrgE5MECjP0Kahixpg3pNu_2Badr_2FW1ECfPIki0R0eeZi_2BjZg_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>