Front End Technology Articles - Page 510 of 860

HTML disabled Attribute</a> </h3> <div class="qa_category" id="tags_28170"> <a href='https://www.tutorialspoint.com/articles/category/HTML' target='_blank'><span>HTML</span></a><a href='https://www.tutorialspoint.com/articles/category/Web-Development' target='_blank'><span>Web Development</span></a><a href='https://www.tutorialspoint.com/articles/category/Front-End-Technology' target='_blank'><span>Front End Technology</span></a></div> </div> <div class="qa_answer_widget"> <a href="https://www.tutorialspoint.com/authors/amitdiwan" title="AmitDiwan"><img src="https://www.tutorialspoint.com/assets/profiles/123055/profile/60_187394-1565938756.jpg" alt="AmitDiwan"></a> <div class="qa_answer_detail"> <a href="https://www.tutorialspoint.com/authors/amitdiwan" title="AmitDiwan">AmitDiwan</a> </div> <div class="flex-group"> <div class="qa_answer_dtm"> Updated on 17-Sep-2019 07:58:58 </div> <p class="views-count" title="Article Views"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 576 512"><path d="M117.2 136C160.3 96 217.6 64 288 64s127.7 32 170.8 72c43.1 40 71.9 88 85.2 120c-13.3 32-42.1 80-85.2 120c-43.1 40-100.4 72-170.8 72s-127.7-32-170.8-72C74.1 336 45.3 288 32 256c13.3-32 42.1-80 85.2-120zM288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4C142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zM192 256a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zm224 0a128 128 0 1 0 -256 0 128 128 0 1 0 256 0z"/></svg> 54 Views</p> </div> <div class="clear"></div> <p>The disabled attribute of the element is used to disable . After disabling, you won’t be able to select the text from the .SyntaxFollowing is the syntax −ExampleLet us now see an example to implement the disabled attribute of the element − Live Demo Candidate Details Student Name: Student Id: Educational Qualification (Graduation) B.Tech BCA B.COM B.SC BBA Educational Qualification (Post-Graduation) MCA M.Tech M.COM M.SC Info: You need to also bring the certificates for the degrees mentioned above. OutputThis will produce the following output −In the above example, ... <a href="https://www.tutorialspoint.com/html-textarea-disabled-attribute"><span class="read_more">Read More <i class="fal fa-long-arrow-right"></i></span></a></p> </div> </div> </div> <div class="clear"></div> <div class="question_section"> <div class="qa_widget"> <div class="qa_post qa_list"> <h3> <a href="https://www.tutorialspoint.com/garbage-collection-gc-in-javascript" target="_blank"> Garbage collection(GC) in JavaScript?</a> </h3> <div class="qa_category" id="tags_28169"> <a href='https://www.tutorialspoint.com/articles/category/Front-End-Technology' target='_blank'><span>Front End Technology</span></a><a href='https://www.tutorialspoint.com/articles/category/Javascript' target='_blank'><span>Javascript</span></a><a href='https://www.tutorialspoint.com/articles/category/Object-Oriented-Programming' target='_blank'><span>Object Oriented Programming</span></a></div> </div> <div class="qa_answer_widget"> <a href="https://www.tutorialspoint.com/authors/arnab-chakraborty-4" title="Arnab Chakraborty"><img src="https://www.tutorialspoint.com/assets/profiles/123881/profile/60_2940367-1661162113.png" alt="Arnab Chakraborty"></a> <div class="qa_answer_detail"> <a href="https://www.tutorialspoint.com/authors/arnab-chakraborty-4" title="Arnab Chakraborty">Arnab Chakraborty</a> </div> <div class="flex-group"> <div class="qa_answer_dtm"> Updated on 22-Aug-2022 13:39:31 </div> <p class="views-count" title="Article Views"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 576 512"><path d="M117.2 136C160.3 96 217.6 64 288 64s127.7 32 170.8 72c43.1 40 71.9 88 85.2 120c-13.3 32-42.1 80-85.2 120c-43.1 40-100.4 72-170.8 72s-127.7-32-170.8-72C74.1 336 45.3 288 32 256c13.3-32 42.1-80 85.2-120zM288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4C142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zM192 256a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zm224 0a128 128 0 1 0 -256 0 128 128 0 1 0 256 0z"/></svg> 2K+ Views</p> </div> <div class="clear"></div> <p>Memory management in JavaScript is much easier than in low-level languages like C or C++. Unlike low-level languages, JavaScript automatically detects which objects will be needed in later cases and which will be garbage that is occupying memory without any reason. In this article, we shall discuss how garbage collection (GC) works in JavaScript. There are a few important parts that we are going to discuss in detail− Reachability from root Interlinked Objects (interconnections between different objects) Unreachable Collections (Broken link) Reachability The first concept of memory management is reachability. In this mode, the garbage collector tries to ... <a href="https://www.tutorialspoint.com/garbage-collection-gc-in-javascript"><span class="read_more">Read More <i class="fal fa-long-arrow-right"></i></span></a></p> </div> </div> </div> <div class="clear"></div> <div class="question_section"> <div class="google_content_ads"> <div style="text-align: center;"> <div class="inserted-div"><script async="true" id="PS_67ebd889ca6f1325b65a5242" type="text/javascript" src="https://ads.playstream.media/api/adserver/scripts?PS_TAGID=67ebd889ca6f1325b65a5242&PS_PUB_ID=67ebd5e3ca6f1325b65a46fe"></script></div> </div> </div> </div> <div class="question_section"> <div class="qa_widget"> <div class="qa_post qa_list"> <h3> <a href="https://www.tutorialspoint.com/html-option-disabled-attribute" target="_blank"> HTML <option> disabled Attribute</a> </h3> <div class="qa_category" id="tags_28159"> <a href='https://www.tutorialspoint.com/articles/category/HTML' target='_blank'><span>HTML</span></a><a href='https://www.tutorialspoint.com/articles/category/Web-Development' target='_blank'><span>Web Development</span></a><a href='https://www.tutorialspoint.com/articles/category/Front-End-Technology' target='_blank'><span>Front End Technology</span></a></div> </div> <div class="qa_answer_widget"> <a href="https://www.tutorialspoint.com/authors/amitdiwan" title="AmitDiwan"><img src="https://www.tutorialspoint.com/assets/profiles/123055/profile/60_187394-1565938756.jpg" alt="AmitDiwan"></a> <div class="qa_answer_detail"> <a href="https://www.tutorialspoint.com/authors/amitdiwan" title="AmitDiwan">AmitDiwan</a> </div> <div class="flex-group"> <div class="qa_answer_dtm"> Updated on 16-Sep-2019 11:33:11 </div> <p class="views-count" title="Article Views"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 576 512"><path d="M117.2 136C160.3 96 217.6 64 288 64s127.7 32 170.8 72c43.1 40 71.9 88 85.2 120c-13.3 32-42.1 80-85.2 120c-43.1 40-100.4 72-170.8 72s-127.7-32-170.8-72C74.1 336 45.3 288 32 256c13.3-32 42.1-80 85.2-120zM288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4C142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zM192 256a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zm224 0a128 128 0 1 0 -256 0 128 128 0 1 0 256 0z"/></svg> 451 Views</p> </div> <div class="clear"></div> <p>The disabled attribute of the element is used to set a disabled option from a list of options. After that, the disabled option won’t be clickable.SyntaxFollowing is the syntax −ExampleLet us now see an example to implement the disabled attribute of the element − Live Demo Impurity level of Water Impurity Level 3:2 5:3 2L 5L 10L 20L OutputThis will produce the following output. Here, the option 5:3 under the optgroup Ratio −In the above example, we have option-groups and options inside it − 3:2 5:3 ... <a href="https://www.tutorialspoint.com/html-option-disabled-attribute"><span class="read_more">Read More <i class="fal fa-long-arrow-right"></i></span></a></p> </div> </div> </div> <div class="clear"></div> <div class="question_section"> <div class="qa_widget"> <div class="qa_post qa_list"> <h3> <a href="https://www.tutorialspoint.com/html-meter-min-attribute" target="_blank"> HTML <meter> min Attribute</a> </h3> <div class="qa_category" id="tags_28156"> <a href='https://www.tutorialspoint.com/articles/category/HTML' target='_blank'><span>HTML</span></a><a href='https://www.tutorialspoint.com/articles/category/Web-Development' target='_blank'><span>Web Development</span></a><a href='https://www.tutorialspoint.com/articles/category/Front-End-Technology' target='_blank'><span>Front End Technology</span></a></div> </div> <div class="qa_answer_widget"> <a href="https://www.tutorialspoint.com/authors/amitdiwan" title="AmitDiwan"><img src="https://www.tutorialspoint.com/assets/profiles/123055/profile/60_187394-1565938756.jpg" alt="AmitDiwan"></a> <div class="qa_answer_detail"> <a href="https://www.tutorialspoint.com/authors/amitdiwan" title="AmitDiwan">AmitDiwan</a> </div> <div class="flex-group"> <div class="qa_answer_dtm"> Updated on 16-Sep-2019 11:28:21 </div> <p class="views-count" title="Article Views"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 576 512"><path d="M117.2 136C160.3 96 217.6 64 288 64s127.7 32 170.8 72c43.1 40 71.9 88 85.2 120c-13.3 32-42.1 80-85.2 120c-43.1 40-100.4 72-170.8 72s-127.7-32-170.8-72C74.1 336 45.3 288 32 256c13.3-32 42.1-80 85.2-120zM288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4C142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zM192 256a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zm224 0a128 128 0 1 0 -256 0 128 128 0 1 0 256 0z"/></svg> 158 Views</p> </div> <div class="clear"></div> <p>The min attribute of the element is used to set the lower bound for . However, the element is used to measure data with a give range like water impurity level and it is set using the min and max attribute.SyntaxFor obvious reasons, the min value is less than the max value. The default is 0. Following is the syntax −The num above is a number in floating-point that sets the min attribute of the element.ExampleLet us now see an example to implement the min attribute of the element − Live Demo Water Levels Impurity ... <a href="https://www.tutorialspoint.com/html-meter-min-attribute"><span class="read_more">Read More <i class="fal fa-long-arrow-right"></i></span></a></p> </div> </div> </div> <div class="clear"></div> <div class="question_section"> <div class="qa_widget"> <div class="qa_post qa_list"> <h3> <a href="https://www.tutorialspoint.com/html-label-for-attribute" target="_blank"> HTML <label> for Attribute</a> </h3> <div class="qa_category" id="tags_28151"> <a href='https://www.tutorialspoint.com/articles/category/HTML' target='_blank'><span>HTML</span></a><a href='https://www.tutorialspoint.com/articles/category/Web-Development' target='_blank'><span>Web Development</span></a><a href='https://www.tutorialspoint.com/articles/category/Front-End-Technology' target='_blank'><span>Front End Technology</span></a></div> </div> <div class="qa_answer_widget"> <a href="https://www.tutorialspoint.com/authors/amitdiwan" title="AmitDiwan"><img src="https://www.tutorialspoint.com/assets/profiles/123055/profile/60_187394-1565938756.jpg" alt="AmitDiwan"></a> <div class="qa_answer_detail"> <a href="https://www.tutorialspoint.com/authors/amitdiwan" title="AmitDiwan">AmitDiwan</a> </div> <div class="flex-group"> <div class="qa_answer_dtm"> Updated on 16-Sep-2019 11:16:41 </div> <p class="views-count" title="Article Views"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 576 512"><path d="M117.2 136C160.3 96 217.6 64 288 64s127.7 32 170.8 72c43.1 40 71.9 88 85.2 120c-13.3 32-42.1 80-85.2 120c-43.1 40-100.4 72-170.8 72s-127.7-32-170.8-72C74.1 336 45.3 288 32 256c13.3-32 42.1-80 85.2-120zM288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4C142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zM192 256a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zm224 0a128 128 0 1 0 -256 0 128 128 0 1 0 256 0z"/></svg> 237 Views</p> </div> <div class="clear"></div> <p>The for attribute of the element is used to set an element with a label.SyntaxFollowing is the syntax −Above, id is the associated element id.ExampleLet us now see an example to implement the for attribute of element − Live Demo Last Semester Results Result Student: Subject: Rank: OutputThis will produce the following output −In the above example, we have a form with some fields − Result Student: Subject: Rank: We have set the label for the field using for attribute of the element, ... <a href="https://www.tutorialspoint.com/html-label-for-attribute"><span class="read_more">Read More <i class="fal fa-long-arrow-right"></i></span></a></p> </div> </div> </div> <div class="clear"></div> <div class="question_section"> <div class="qa_widget"> <div class="qa_post qa_list"> <h3> <a href="https://www.tutorialspoint.com/html-input-disabled-attribute" target="_blank"> HTML <input> disabled Attribute</a> </h3> <div class="qa_category" id="tags_28146"> <a href='https://www.tutorialspoint.com/articles/category/HTML' target='_blank'><span>HTML</span></a><a href='https://www.tutorialspoint.com/articles/category/Web-Development' target='_blank'><span>Web Development</span></a><a href='https://www.tutorialspoint.com/articles/category/Front-End-Technology' target='_blank'><span>Front End Technology</span></a></div> </div> <div class="qa_answer_widget"> <a href="https://www.tutorialspoint.com/authors/amitdiwan" title="AmitDiwan"><img src="https://www.tutorialspoint.com/assets/profiles/123055/profile/60_187394-1565938756.jpg" alt="AmitDiwan"></a> <div class="qa_answer_detail"> <a href="https://www.tutorialspoint.com/authors/amitdiwan" title="AmitDiwan">AmitDiwan</a> </div> <div class="flex-group"> <div class="qa_answer_dtm"> Updated on 16-Sep-2019 11:07:23 </div> <p class="views-count" title="Article Views"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 576 512"><path d="M117.2 136C160.3 96 217.6 64 288 64s127.7 32 170.8 72c43.1 40 71.9 88 85.2 120c-13.3 32-42.1 80-85.2 120c-43.1 40-100.4 72-170.8 72s-127.7-32-170.8-72C74.1 336 45.3 288 32 256c13.3-32 42.1-80 85.2-120zM288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4C142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zM192 256a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zm224 0a128 128 0 1 0 -256 0 128 128 0 1 0 256 0z"/></svg> 269 Views</p> </div> <div class="clear"></div> <p>The disabled attribute of the element is used to disable element. When an element is disabled, it becomes unclickable. For obvious reasons, the disabled input element won’t get submitted.SyntaxFollowing is the syntax −Let us now see an example to implement the disabled attribute of the element −Example Live Demo Details These are the new details... New Details: Player: Rank: Email: Reporting Time: OutputThis will produce the following output wherein we have disabled one of the input element “Player” −In the above example, we have four fields −Player: ... <a href="https://www.tutorialspoint.com/html-input-disabled-attribute"><span class="read_more">Read More <i class="fal fa-long-arrow-right"></i></span></a></p> </div> </div> </div> <div class="clear"></div> <div class="question_section"> <div class="qa_widget"> <div class="qa_post qa_list"> <h3> <a href="https://www.tutorialspoint.com/memory-management-in-javascript" target="_blank"> Memory Management in JavaScript</a> </h3> <div class="qa_category" id="tags_28144"> <a href='https://www.tutorialspoint.com/articles/category/Front-End-Technology' target='_blank'><span>Front End Technology</span></a><a href='https://www.tutorialspoint.com/articles/category/Javascript' target='_blank'><span>Javascript</span></a><a href='https://www.tutorialspoint.com/articles/category/Object-Oriented-Programming' target='_blank'><span>Object Oriented Programming</span></a></div> </div> <div class="qa_answer_widget"> <a href="https://www.tutorialspoint.com/authors/arnab-chakraborty-4" title="Arnab Chakraborty"><img src="https://www.tutorialspoint.com/assets/profiles/123881/profile/60_2940367-1661162113.png" alt="Arnab Chakraborty"></a> <div class="qa_answer_detail"> <a href="https://www.tutorialspoint.com/authors/arnab-chakraborty-4" title="Arnab Chakraborty">Arnab Chakraborty</a> </div> <div class="flex-group"> <div class="qa_answer_dtm"> Updated on 22-Aug-2022 12:59:07 </div> <p class="views-count" title="Article Views"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 576 512"><path d="M117.2 136C160.3 96 217.6 64 288 64s127.7 32 170.8 72c43.1 40 71.9 88 85.2 120c-13.3 32-42.1 80-85.2 120c-43.1 40-100.4 72-170.8 72s-127.7-32-170.8-72C74.1 336 45.3 288 32 256c13.3-32 42.1-80 85.2-120zM288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4C142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zM192 256a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zm224 0a128 128 0 1 0 -256 0 128 128 0 1 0 256 0z"/></svg> 1K+ Views</p> </div> <div class="clear"></div> <p>Memory management is an essential task when writing a good and effective program in some programming languages. This article will help you to understand different concepts of memory management in JavaScript. In low-level languages like C and C++, programmers should care about the usage of memory in some manual fashion. On the other hand, Javascript automatically allocates memory when objects are created into the environment and also it cleans the memory when an object is destroyed. JavaScript can manage all of these on its own but this does not imply that the developers do not need to worry about the ... <a href="https://www.tutorialspoint.com/memory-management-in-javascript"><span class="read_more">Read More <i class="fal fa-long-arrow-right"></i></span></a></p> </div> </div> </div> <div class="clear"></div> <div class="question_section"> <div class="qa_widget"> <div class="qa_post qa_list"> <h3> <a href="https://www.tutorialspoint.com/html-block-and-inline-elements" target="_blank"> HTML Block and Inline Elements</a> </h3> <div class="qa_category" id="tags_28141"> <a href='https://www.tutorialspoint.com/articles/category/HTML' target='_blank'><span>HTML</span></a><a href='https://www.tutorialspoint.com/articles/category/Web-Development' target='_blank'><span>Web Development</span></a><a href='https://www.tutorialspoint.com/articles/category/Front-End-Technology' target='_blank'><span>Front End Technology</span></a></div> </div> <div class="qa_answer_widget"> <a href="https://www.tutorialspoint.com/authors/amitdiwan" title="AmitDiwan"><img src="https://www.tutorialspoint.com/assets/profiles/123055/profile/60_187394-1565938756.jpg" alt="AmitDiwan"></a> <div class="qa_answer_detail"> <a href="https://www.tutorialspoint.com/authors/amitdiwan" title="AmitDiwan">AmitDiwan</a> </div> <div class="flex-group"> <div class="qa_answer_dtm"> Updated on 16-Sep-2019 09:19:06 </div> <p class="views-count" title="Article Views"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 576 512"><path d="M117.2 136C160.3 96 217.6 64 288 64s127.7 32 170.8 72c43.1 40 71.9 88 85.2 120c-13.3 32-42.1 80-85.2 120c-43.1 40-100.4 72-170.8 72s-127.7-32-170.8-72C74.1 336 45.3 288 32 256c13.3-32 42.1-80 85.2-120zM288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4C142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zM192 256a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zm224 0a128 128 0 1 0 -256 0 128 128 0 1 0 256 0z"/></svg> 412 Views</p> </div> <div class="clear"></div> <p>Block ElementsThe block elements appear on a screen as if they have a line break before and after them. They also take up the entire available width. Some of the block elements include, to , , , , , , , , etc.ExampleLet us see an example of one of the block element , , , etc − Live Demo Coding Ground Compilers for Programming Languages and Web Technologies Click on the individual links to work on online compilers: Java | PHP | jQuery | C | C++ | AngularJS We also have complier for JS ... <a href="https://www.tutorialspoint.com/html-block-and-inline-elements"><span class="read_more">Read More <i class="fal fa-long-arrow-right"></i></span></a></p> </div> </div> </div> <div class="clear"></div> <div class="question_section"> <div class="qa_widget"> <div class="qa_post qa_list"> <h3> <a href="https://www.tutorialspoint.com/differences-between-web-garden-and-a-web-farm-in-javascript" target="_blank"> Differences between web-garden and a web-farm in Javascript</a> </h3> <div class="qa_category" id="tags_28137"> <a href='https://www.tutorialspoint.com/articles/category/Javascript' target='_blank'><span>Javascript</span></a><a href='https://www.tutorialspoint.com/articles/category/Front-End-Technology' target='_blank'><span>Front End Technology</span></a><a href='https://www.tutorialspoint.com/articles/category/Object-Oriented-Programming' target='_blank'><span>Object Oriented Programming</span></a></div> </div> <div class="qa_answer_widget"> <a href="https://www.tutorialspoint.com/authors/ayush-gupta-4" title="Ayush Gupta"><img src="https://www.tutorialspoint.com/assets/profiles/134135/profile/60_13095-1568350695.jpg" alt="Ayush Gupta"></a> <div class="qa_answer_detail"> <a href="https://www.tutorialspoint.com/authors/ayush-gupta-4" title="Ayush Gupta">Ayush Gupta</a> </div> <div class="flex-group"> <div class="qa_answer_dtm"> Updated on 16-Sep-2019 08:52:25 </div> <p class="views-count" title="Article Views"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 576 512"><path d="M117.2 136C160.3 96 217.6 64 288 64s127.7 32 170.8 72c43.1 40 71.9 88 85.2 120c-13.3 32-42.1 80-85.2 120c-43.1 40-100.4 72-170.8 72s-127.7-32-170.8-72C74.1 336 45.3 288 32 256c13.3-32 42.1-80 85.2-120zM288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4C142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zM192 256a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zm224 0a128 128 0 1 0 -256 0 128 128 0 1 0 256 0z"/></svg> 424 Views</p> </div> <div class="clear"></div> <p>Web Garden is the web hosting system which comprises of multiple “processes”. This means that we have a single server on which we run multiple processes. This type of hosting provides logical scalability to our web applications.Web Farm is the web hosting system which comprises of multiple “computers”. This is different from web-garden as web garden runs on a single server while a web farm runs across multiple servers. This provides physical scalability to out web applications. This type of set up is achieved using Load balancers to balance calls coming to the server using a dedicated process that forwards ... <a href="https://www.tutorialspoint.com/differences-between-web-garden-and-a-web-farm-in-javascript"><span class="read_more">Read More <i class="fal fa-long-arrow-right"></i></span></a></p> </div> </div> </div> <div class="clear"></div> <div class="question_section"> <div class="qa_widget"> <div class="qa_post qa_list"> <h3> <a href="https://www.tutorialspoint.com/window-onload-vs-ondocumentready-in-javascript" target="_blank"> Window.onload vs onDocumentReady in javascript</a> </h3> <div class="qa_category" id="tags_28136"> <a href='https://www.tutorialspoint.com/articles/category/Javascript' target='_blank'><span>Javascript</span></a><a href='https://www.tutorialspoint.com/articles/category/Web-Development' target='_blank'><span>Web Development</span></a><a href='https://www.tutorialspoint.com/articles/category/Front-End-Technology' target='_blank'><span>Front End Technology</span></a></div> </div> <div class="qa_answer_widget"> <a href="https://www.tutorialspoint.com/authors/abdul-rawoof" title="Abdul Rawoof"><img src="https://www.tutorialspoint.com/assets/profiles/507007/profile/60_3928518-1661407247.jpg" alt="Abdul Rawoof"></a> <div class="qa_answer_detail"> <a href="https://www.tutorialspoint.com/authors/abdul-rawoof" title="Abdul Rawoof">Abdul Rawoof</a> </div> <div class="flex-group"> <div class="qa_answer_dtm"> Updated on 02-Sep-2022 12:37:51 </div> <p class="views-count" title="Article Views"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 576 512"><path d="M117.2 136C160.3 96 217.6 64 288 64s127.7 32 170.8 72c43.1 40 71.9 88 85.2 120c-13.3 32-42.1 80-85.2 120c-43.1 40-100.4 72-170.8 72s-127.7-32-170.8-72C74.1 336 45.3 288 32 256c13.3-32 42.1-80 85.2-120zM288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4C142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zM192 256a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zm224 0a128 128 0 1 0 -256 0 128 128 0 1 0 256 0z"/></svg> 6K+ Views</p> </div> <div class="clear"></div> <p>In JavaScript, window.onload and document.ready() are the methods used when the page is being loaded. Window.onload The window.onload method gets executed after the entire web page is loaded. This includes all the elements related with DOM like the head tag, tittle tag and all the other tags including the style sheets, images and videos. The onload method is used by passing a function to it. The called function will be executed after the object is loaded. Syntax This is the syntax of onload method − Window.onload = function() Window.onload = (event) => {} //arrow function Example 1 This example ... <a href="https://www.tutorialspoint.com/window-onload-vs-ondocumentready-in-javascript"><span class="read_more">Read More <i class="fal fa-long-arrow-right"></i></span></a></p> </div> </div> </div> <div class="clear"></div> <div class="job-index qa_widget" style="padding:0px 10px 0px 10px!important; margin:0px!important;"> <div class="pages"> <a href="https://www.tutorialspoint.com/articles/category/front-end-technology/509" title="Previous Page"><i class='fal fa-angle-left'></i> Previous</a> <a class="number" title="Go to page 1 of 860" href="https://www.tutorialspoint.com/articles/category/front-end-technology/1">1</a> ... <a class="number" title="Go to page 508 of 860" href="https://www.tutorialspoint.com/articles/category/front-end-technology/508">508</a> <a class="number" title="Go to page 509 of 860" href="https://www.tutorialspoint.com/articles/category/front-end-technology/509">509</a> <a title="Go to page 510 of 860" class="current number" href="https://www.tutorialspoint.com/articles/category/front-end-technology/510">510</a> <a class="number" title="Go to page 511 of 860" href="https://www.tutorialspoint.com/articles/category/front-end-technology/511">511</a> <a class="number" title="Go to page 512 of 860" href="https://www.tutorialspoint.com/articles/category/front-end-technology/512">512</a> ... <a class="number" title="Go to page 860 of 860" href="https://www.tutorialspoint.com/articles/category/front-end-technology/860">860</a> <a href="https://www.tutorialspoint.com/articles/category/front-end-technology/511" title="Next Page">Next <i class='fal fa-angle-right'></i></a> </div> </div> <div class='clear py-2'></div> <div class="bottom-library-ads mt" style="margin:5px;"> <div class="google-bottom-ads" id="google-bottom-ads"> <div>Advertisements</div> <div style="width: 750px; height: 300px;"> <!-- TAGNAME: 750x300_Bottom_Ad --> <div id='tutorialspointcom47468'> </div> </div> </div> </div> </div> <div> <div class="data-sticky" id="google-right-ads"> <div class="google-right-ad" style="margin: 0px auto !important;margin-top:5px;min-height:280px!important"> <!-- TAGNAME: 336x280_Right_Sidebar_1 --> <div id='tutorialspointcom47465'> </div> </div> <div class="google-right-ad" style="margin-top:16px;min-height:280px!important"> <!-- TAGNAME: 336x280_Right_Sidebar_2 --> <div id='tutorialspointcom47466'> </div> </div> <div class="google-right-ad" style="margin-top:16px;min-height:280px!important"> <!-- TAGNAME: 300x600_Right_Sidebar --> <div id='tutorialspointcom47467'> </div> </div> </div> </div> </div> </div> </div> </main> <footer class="footer bg-neutral-800"> <div class="container"> <div> <h5>TOP TUTORIALS</h5> <ul> <li><a href="/python/index.htm" title="Python Tutorial">Python Tutorial</a></li> <li><a href="/java/index.htm" title="Java Tutorial">Java Tutorial</a></li> <li><a href="/cplusplus/index.htm" title="C++ Tutorial">C++ Tutorial</a></li> <li><a href="/cprogramming/index.htm" title="C Programming Tutorial">C Programming Tutorial</a></li> <li><a href="/csharp/index.htm" title="C# Tutorial">C# Tutorial</a></li> <li><a href="/php/index.htm" title="PHP Tutorial">PHP Tutorial</a></li> <li><a href="/r/index.htm" title="R Tutorial">R Tutorial</a></li> <li><a href="/html/index.htm" title="HTML Tutorial">HTML Tutorial</a></li> <li><a href="/css/index.htm" title="CSS Tutorial">CSS Tutorial</a></li> <li><a href="/javascript/index.htm" title="JavaScript Tutorial">JavaScript Tutorial</a></li> <li><a href="/sql/index.htm" title="SQL Tutorial">SQL Tutorial</a></li> </ul> </div> <div> <h5>TRENDING TECHNOLOGIES</h5> <ul> <li><a href="/cloud_computing/index.htm" title="Cloud Computing Tutorial">Cloud Computing Tutorial</a></li> <li><a href="/amazon_web_services/index.htm" title="Amazon Web Services Tutorial">Amazon Web Services Tutorial</a></li> <li><a href="/microsoft_azure/index.htm" title="Microsoft Azure Tutorial">Microsoft Azure Tutorial</a></li> <li><a href="/git/index.htm" title="Git Tutorial">Git Tutorial</a></li> <li> <a href="/ethical_hacking/index.htm" title="Ethical Hacking Tutorial">Ethical Hacking Tutorial</a></li> <li><a href="/docker/index.htm" title="Docker Tutorial">Docker Tutorial</a></li> <li><a href="/kubernetes/index.htm" title="Kubernetes Tutorial">Kubernetes Tutorial</a></li> <li><a href="/data_structures_algorithms/index.htm" title="DSA Tutorial">DSA Tutorial</a></li> <li><a href="/spring_boot/index.htm" title="Spring Boot Tutorial">Spring Boot Tutorial</a></li> <li><a href="/sdlc/index.htm" title="SDLC Tutorial">SDLC Tutorial</a></li> <li><a href="/unix/index.htm" title="Unix Tutorial">Unix Tutorial</a></li> </ul> </div> <div> <h5>CERTIFICATIONS</h5> <ul> <li><a href="https://market.tutorialspoint.com/certification/business-analytics-certification-2023/index.asp" title="Business Analytics Certification">Business Analytics Certification</a></li> <li><a href="https://market.tutorialspoint.com/certification/java-prime-pack/index.asp" title="Java & Spring Boot Advanced Certification">Java & Spring Boot Advanced Certification</a></li> <li><a href="https://market.tutorialspoint.com/certification/data-science-advanced-certification/index.asp" title="Data Science Advanced Certification">Data Science Advanced Certification</a></li> <li><a href="https://market.tutorialspoint.com/certification/cloud-computing-and-devops-advanced-certification/index.asp" title="Cloud Computing And DevOps">Cloud Computing And DevOps</a></li> <li><a href="https://market.tutorialspoint.com/certification/advanced-certification-in-business-analytics/index.asp" title="Advanced Certification In Business Analytics">Advanced Certification In Business Analytics</a></li> <li><a href="https://market.tutorialspoint.com/certification/artificial-intelligence-and-machine-learning-certification/index.asp" title="Artificial Intelligence And Machine Learning">Artificial Intelligence And Machine Learning</a></li> <li><a href="https://market.tutorialspoint.com/certification/devops-certification/index.asp" title="DevOps Certification">DevOps Certification</a></li> <li><a href="https://market.tutorialspoint.com/certification/game-development-prime-pack/index.asp" title="Game Development Certification">Game Development Certification</a></li> <li><a href="https://market.tutorialspoint.com/certification/frontend-developer-certification/index.asp" title="Front-End Developer Certification">Front-End Developer Certification</a></li> <li><a href="https://market.tutorialspoint.com/certification/aws-prime-pack/index.asp" title="AWS Certification Training">AWS Certification Training</a></li> <li><a href="https://market.tutorialspoint.com/certification/complete-python-prime-pack/index.asp" title="Python Programming Certification">Python Programming Certification</a></li> </ul> </div> <div> <h5>COMPILERS & EDITORS</h5> <ul> <li><a href="/online_java_compiler.php" title="Online Java Compiler">Online Java Compiler</a></li> <li><a href="/online_python_compiler.php" title="Online Python Compiler">Online Python Compiler</a></li> <li><a href="/execute_golang_online.php" title="Online Golang Compiler">Online Golang Compiler</a></li> <li><a href="/compile_c_online.php" title="Online C Compiler">Online C Compiler</a></li> <li><a href="/compile_cpp_online.php" title="Online C++ Compiler">Online C++ Compiler</a></li> <li><a href="/online_csharp_compiler.php" title="Online C# Compiler">Online C# Compiler</a></li> <li><a href="/execute_php_online.php" title="Online PHP Compiler">Online PHP Compiler</a></li> <li><a href="/execute_matlab_online.php" title="Online MATLAB Compiler">Online MATLAB Compiler</a></li> <li><a href="/compilers/online-bash-terminal.htm" title="Online Bash Terminal">Online Bash Terminal</a></li> <li><a href="/execute_sql_online.php" title="Online SQL Compiler">Online SQL Compiler</a></li> <li><a href="/online_html_editor.php" title="Online Html Editor">Online Html Editor</a></li> </ul> </div> </div> <ul class="footer__list container"> <li><a href="/about/index.htm" title="ABOUT US">ABOUT US</a> | </li> <li><a href="/about/about_team.htm" title="OUR TEAM">OUR TEAM</a> | </li> <li><a href="/about/about_careers.htm" title="CAREERS">CAREERS</a> | </li> <li><a href="/job_search.php" title="JOBS">JOBS</a> | </li> <li><a href="/about/contact_us.htm" title="CONTACT US">CONTACT US</a> | </li> <li><a href="/about/about_terms_of_use.htm" title="TERMS OF USE">TERMS OF USE</a> | </li> <li><a href="/about/about_privacy.htm" title="PRIVACY POLICY">PRIVACY POLICY</a> | </li> <li><a href="/about/return_refund_policy.htm" title="REFUND POLICY">REFUND POLICY</a> | </li> <li><a href="/about/about_cookies.htm" title="COOKIES POLICY">COOKIES POLICY</a> | </li> <li><a href="/about/faq.htm" title="FAQ'S">FAQ'S</a></li> </ul> <div class="footer__socials container"> <img class="footer__logo" src="https://www.tutorialspoint.com/static/images/logo-footer.svg" alt="tutorials point logo"> <div> <a rel="nofollow" target="_blank" href="https://www.facebook.com/tutorialspointindia" title="Follow us on Facebook"> <i class="fa-sharp fa-light fa-brands fa-facebook-f foot-icons"></i> </a> <a target="_blank" href="https://x.com/tutorialspoint" rel="nofollow" title="Follow us on X"> <i class="fa-sharp fa-light fa-brands fa-x-twitter foot-icons"></i> </a> <a target="_blank" href="https://www.youtube.com/channel/UCVLbzhxVTiTLiVKeGV7WEBg" rel="nofollow" title="Follow us on Youtube"> <i class="fa-sharp fa-light fa-brands fa-youtube foot-icons"></i> </a> <a target="_blank" href="https://www.linkedin.com/company/tutorialspoint/" rel="nofollow" title="Follow us on LinkedIn"> <i class="fa-sharp fa-light fa-brands fa-linkedin-in foot-icons"></i> </a> <a target="_blank" href="https://www.instagram.com/tutorialspoint_/" rel="nofollow" title="Follow us on Instagram"> <i class="fa-sharp fa-light fa-brands fa-instagram foot-icons"></i> </a> </div> <div class="flex-group"> <button class="button-reset"><a href="https://play.google.com/store/apps/details?id=com.tutorialspoint.onlineviewer" target="_blank" title="Download Android App" rel="nofollow"><img src="https://www.tutorialspoint.com/static/images/googleplay.svg" alt="Download Android App"></a></button> <button class="button-reset"><a href="https://itunes.apple.com/us/app/tutorials-point/id914891263?ls=1&mt=8" target="_blank" title="Download IOS App" rel="nofollow"><img src="https://www.tutorialspoint.com/static/images/appstore.svg" alt="Download IOS App"></a></button> </div> </div> <div class="footer__legal-wrapper"> <div class="footer__legal ff-nunito"> <p> <p class="">Tutorials Point is a leading Ed Tech company striving to provide the best learning material on technical and non-technical subjects.</p> </p> <p class="footer__copyright ">© Copyright 2025. All Rights Reserved.</p> </div> </div> </footer> <script src="/static/js/new-lib-script.min.js?v-3"></script> <script src="https://accounts.google.com/gsi/client" async defer></script> <div id="fluid-privacy-opt-out-link" onmouseover="this.style.color='rgb(25, 103, 210)'; this.style.cursor='pointer'" onmouseout="this.style.color='#CCCCCC'; this.style.cursor='auto'"></div> <script> const privacyOptOutLink = document.getElementById("fluid-privacy-opt-out-link"); window.googlefc = window.googlefc || { callbackQueue: [] }; window.googlefc.ccpa = window.googlefc.ccpa || {}; window.googlefc.ccpa.overrideDnsLink = true; window.googlefc.callbackQueue.push({ "CONSENT_API_READY": () => { if (!privacyOptOutLink) { return; } !!window.__tcfapi && window.__tcfapi("addEventListener", 2, (tcData, success) => { if (success && tcData.gdprApplies) { privacyOptOutLink.innerText = "Change GDPR Consent"; privacyOptOutLink.addEventListener("click", () => googlefc.showRevocationMessage()); return; } }); } }); window.googlefc.callbackQueue.push( { "INITIAL_CCPA_DATA_READY": () => { if (!privacyOptOutLink) { return; } if (googlefc.ccpa.getInitialCcpaStatus() && googlefc.ccpa.getInitialCcpaStatus() === googlefc.ccpa.InitialCcpaStatusEnum.NOT_OPTED_OUT) { privacyOptOutLink.innerText = "Don't sell or share my personal info"; privacyOptOutLink.addEventListener("click", () => googlefc.ccpa.openConfirmationDialog((optedOut) => { if (optedOut) { privacyOptOutLink.style.display = "none"; } })); return } } }); </script> <script> if(getCookie('auid') == '' || getCookie('auid') == null){ window.onload = function() { initializeGoogleOneTap(); }; } </script> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-E4SW76VCNP"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-E4SW76VCNP'); </script> <!-- New Facebook Pixel Code --> <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window,document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '854536859149047'); fbq('track', 'PageView'); </script> <!-- End facebook Pixel Code --> </body> </html>