Detailed Document Object

xiaoxiao2021-03-19  225

Detailed Document Object

Document Welcome Object - JavaScript Script Language Description ----------------------------------------- ---------------------------- Note: The name on the page on the page is the name of the JavaScript reference must be uniformly including case, you will be prompted to Error message "The element is empty or not object" ------------------------------------ ------------------------------ Object Properties Document.title // Set Document Title Equivalent to HTML Tag Document.bgcolor // Settings page background color Document.fgColor // Setting out color (text color) Document.LinkColor // Uncovered link color Document.alinkColor // Activate link (focus on this link) Color document. VLINKCOLOR // Chattel Document.URL / / Set URL Property To open another web file in another web file, the file creation date, read-only properties Document.filemodifiedDate // file modification date, read-only properties Document .filesize // file size, read-only properties Document.cookie // Setup and read the cookiedocument.charset // Set Character Set Simplified Chinese: GB2312 ------------------- -------------------------------------------------- Object method Document.write () // Dynamic to page write content Document.createElement (TAG) // Create an HTML tag object Document.getElementByID (ID) // Object.getElementsByName (Name) // // Get the designated NAM Object of E Value ---------------------------------------------------------------------------------------------------------------------- ----------------------- Images Collection (image in the page) a) <IMG> tab on the Document.Images // pass collection reference Document.images.Length // Variety of <IMG> tag on the corresponding page Document.Images [0] // 1st <img> tag Document.Images [i] // I-1 <img> tag B <Img Name = ""> Document.Images.Image.src ///Document.images.Name property. SRCD) Create an image Var OimageOMage = new image () document.images.OImage.src = "/ 1.jpg" At the same time, establish a <IMG> tab on the page to display <HTML> <img name = OIMAGE> <script language = "javascript"> var oimage oimage =</p> <p>New image () document.images.OImage.SRC = "/ 1.jpg" </ script> </ html> ------------------------ -------------------------------------------- Forms collection (page Forms in the form) A) By collecting the <form> tag document.forms.formth // corresponding to the <form> tab on the <form> label on the <form> tag (0] // 1st <form> Tag Document.Forms [i] // I-1 <form> Tag Document.Forms [i] .length // The number of controls in 1-1 <form> Document.Forms [i]. ELEMENTS [J] // No. J-1 in <form> B) Direct reference to <form name = "myctrl"> <input name = "myctrl"> </ form> Document .Myform.myctrl // Document. Table name. Control name ------------------------------------- ---------------------------------- <html> <! - text control related script -> <form Name = "myform"> <input type = "text" name = "otxt"> <input type = "password" name = "opswd"> <form> <script language = "javascript"> // Get text password box Value Document.write (Document.MyForm.OText.Value) Document.write (Document.MYFORM.OPswd.Value) </ script> </ html> ----------------- -------------------------------------------------- ---- <html> <! - SELECT control related script -> <form n AME = "myform"> <select name = "osent"> <option value = "1"> 1 </ option> <option value = "2"> 2 </ option> <option value = "3"> 3 < / option> </ select> </ form> <script language = "javascript"> // Traversing the option item VAR length length length = document.myform.oselection.Length for (i = 0; i <length; i ) Document.write (Document.myform.OSELECT [i] .value) </ script> <</p></div><div class="text-center mt-3 text-grey"> 转载请注明原文地址:https://www.9cbs.com/read-130063.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="130063" 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.038</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 = '48vwlv5SmeKjA8yISrJRVD_2F8aIoViAF0zasp2Wr8daIC41QrEnImAp_2FVgWfapQFfy6c5HVaGiwvHiHn5'; 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>