2. Tech
  3. Some techniques and experiences on page display and processing

Some techniques and experiences on page display and processing

xiaoxiao2021-03-05  22

1. About the page frame.

In the main page, set several frames page, <body> then in the request page as follows: <form Method = "get" action = "List.asp" Target = "main1"> // This is sometimes related to the browser. When there are several layers of Framset, there is no hierarchical level, where the name of the name is not as hierarchical, just like the ID in the page. You can put the requested result page in the relevant Frame, no need to update the requested page. 2. For display or aesthetic needs, it is sometimes necessary to change the framework. It can be implemented by the setting of the changing the outer frame. It can be seen as follows:</p> <p>First in the primary frame: <frameset border = 0 cols = 166, * // Set width frameborder = 0 frameespace = 0 name = content> // Set Frame <frame marginheight = 0 marginwidth = 0Name = BoardMenu NORESize scrolling = no // This can be ensured that the space is no longer occupied SRC = "12.html"> <framemarginheight = 0 marginwidth = 0 Name = Boardmain NoreSizesRC = "Right.jsp"> </ frameset> <NOFRAMES> </ NOFRAMES> in the corresponding 12.html as follows: <style type = "text / css">. np {color: black; cursor: hand; font-family: webdings; font-size: 18px} </ stop> < Script language = "javascript"> function switchsysbar () {if (switchpoint.innertext == 3) {// determined according to the SPAN's InnerText property value.</p> <p>SwitchPoint.innertext = 4 Document.all ("mnulist"). style.display = "none" // When you are hidden, the ID attribute is Mnulist's tag without display top.content.cols = "16, *" // change Framework (named Content) to divide, to achieve hidden effect} else {// is the reverse process of the above process SwitchPoint.innertext = 3 document.all ("mnulist"). Style.display = "" Top.Content .cols = "166, *"} </ script> <body leftmargin = "10" TopMargin = "0" marginwidth = "10" marginheight = "0"> <table align = "center" border = "0" Cellpadding = "0" cellspacing = "0" height = "100%" width = "162"> <tr> <TD bgcolor = "# fffaf8" id = "mnulist"> // Define the area <IMG SRC = "to hide Image / catalog.jpg "width =" 120 "height =" 88 "/> reee </ td> <td background =" image / menuvertical.gif "bgcolor =" # fff "width =" 16 "> <table border = "0" cellpadding = "0" cellspacing = "0"> <tr> <td align = "middle" valign = "center"> <span class = "np" id = "switchpoint" οnclick = "switchsysbar ()" Titchsysbar () "Titchsysbar () = "Open / Close Navigation"> 3 </ span> </ td> // Event Source </ TR> </ Table> </ TD> </ TR> </ Table> This program uses some TAG definition ID , Then use the corresponding attribute to change the attribute value, thereby reaching some display effects. 3. Treatment of special characters</p> <p>There are some special characters in XML (for example: <,>, &, ','), usually in the XML document, otherwise the document does not have the principle of validity. When using MSXml.DomDocument, it automatically converts the relevant special characters to the corresponding characters, and does not have to consider special circumstances. For other non-XML documents, the common HTML document usually needs to handle special characters to take the process of JavaScript as an example. See the following: <script language = "javascript"> function viladiate () {var s = content.value; / / Get a single field // handle the following four characters s = s.Replace (// </ g, "& lt"); s = s.Replace (//> / g, "& gt"); s = s .replace (// "/ g," & quot "); s = s.Replace (// '/ g," & apos "); s = s.Replace (// & / g," & amp "); content. Value = s; // Reset} </ script> usually uses ONMOUSEOVER hidden form field or submission verification replacement (Example: <input name = "submit" type = "onclick =" Return Viladiate () "Value = "Submit" />), of course, other methods can be used to handle. 4. Treatment in XML to do it is to note 1) doc.documentelement Get root nodes .2) proot = docuMentelement.childNodes.Item 0); obtain the child node of the root node. Insert it under the relevant node obtained when insertion. Pay attention to the hierarchy.</p></div><div class="text-center mt-3 text-grey"> 转载请注明原文地址:https://www.9cbs.com/read-38787.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="38787" 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 = '8_2B3_2Bk23fQ9gORgP2XSJ2FvVttIjgDysJItgiwCD_2BI_2B_2FhMa0ynIn_2FpRyKDG_2B8HkT_2BMrEwZqcH8hBE1BgXGZoChg_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>