Title: JavaScript / JScript Implementing the Mutual Reference Problem of Parent-Son Forms (Powered By ZosataPo)
Key Words: JavaScript JScript Form Reference Content: Recently, there are many netizens asking questions about how to use JavaScipT implementation pop-up form and parent form function. 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!");</p>
<p>Function openwindow () {if (child == null) {child = window.open ("child.htm");}}</p>
<p>Function CallMethod () {if (child! = null) {child.testc ();}}</p>
<p>Function closewindow () {if (child! = null) {child.close (); child = null;}} // -> </ script> <style type = "text / css"> A: hover {color: # 0000FF; Text-Decoration: underline}</p>
<p>Body {Color: #ffffff; font-family: Courier New, Courier, Mono} </ stop> </ hEAD></p>
<p><Body bgcolor = "# 000000"> <! - title content bengin -> <p align = center> <font size = 6 color = '# 6699cc'> <b> Welcome to zostapo castle </ b> </ Font> </ p></p>
<p><-! Body content bengin -> <b> Watch text Changing: </ b> <br> <INPUT TYPE = "text" id = "author" value = "changed by child"> <br> <br></p>
<p><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 Method" οnclick = "callmethod ();"> <br> <br></p>
<p><B> Close child Window: </ b> <br> <input type = "button" value = "Close Child Window" οnclick = "closewindow ();"> <br> <br></p>
<p><! - footer content begin -> <hr width = 100%> <p align = center> Powered by <a href="mailto: d dan @/a> </ body> </ HTML></p>
<p><Html> <head> <title> Welcome to zostapo's Website ::::::::::::::::::::::::::::::::::::::: "" Parwindow = self.opener; function testc () {Alert ("Message In Child Window!");}</p>
<p>Function ChangeText () {if (ParWindow! = null) {ParWindow.Document.all ("author"). value = "zosatapo";}}</p>
<p>Function CallMethod () {if (Parwindow! = null) {parwindow.testp ();}}</p>
<p>Function CloseWindow () {if (Parwindow! = null) {ParWindow.close (); parwindow = null;}} // -> </ script> <style type = "text / css> A: Hover {color: # 0000FF; Text-Decoration: underline}</p>
<p>Body {Color: #ffffff; font-family: Courier New, Courier, Mono} </ stop> </ hEAD></p>
<p><Body bgcolor = "# 000000"> <! - title content bengin -> <p align = center> <font size = 6 color = '# 6699cc'> <b> Welcome to zostapo castle </ b> </ Font> </ p></p>
<p><! - body content bengin -> <b> Change Parent Text: </ b> <BR> <input type = "οnclick =" ChangeText ();> <br> <br> <b> Call parent Method: </ b> <br> <input type = "button" value = "Call parent Method" οnclick = "callmethod ();"> <br> <br></p>
<p><B> Close parent Window: </ b> <br> <input type = "button" value = "Close Parent Window" οnclick = "closewindow ();"> <br> <br></p>
<p><! - footer content begin -> <hr width = 100%> <p align = center> Powered by <a href="mailto: d dan @/a> </ body> </ HTML></p></div><div class="text-center mt-3 text-grey">
转载请注明原文地址:https://www.9cbs.com/read-28020.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="28020" 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.050</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 = 'yRBps2W0jM16TOXJBlm_2FYQ2fAcYV_2BZ1SENhSdt8LDeS3HTES9Et2_2FE0O7nMwXJE_2BSMtCgjk699abwpGQHNU9Mw_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>
