Web Development Articles - Page 600 of 1049

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> 57 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/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> 452 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="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-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> 159 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/difference-between-an-id-and-class-in-html" target="_blank"> Difference between an id and class in HTML</a> </h3> <div class="qa_category" id="tags_28153"> <a href='https://www.tutorialspoint.com/articles/category/differences' target='_blank'><span>Differences</span></a><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></div> </div> <div class="qa_answer_widget"> <a href="https://www.tutorialspoint.com/authors/kiran-kumar-panigrahi" title="Kiran Kumar Panigrahi"><img src="https://www.tutorialspoint.com/assets/profiles/390736/profile/60_2598-1635242143.png" alt="Kiran Kumar Panigrahi"></a> <div class="qa_answer_detail"> <a href="https://www.tutorialspoint.com/authors/kiran-kumar-panigrahi" title="Kiran Kumar Panigrahi">Kiran Kumar Panigrahi</a> </div> <div class="flex-group"> <div class="qa_answer_dtm"> Updated on 14-Sep-2023 16:09:50 </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> 31K+ Views</p> </div> <div class="clear"></div> <p>In HTML, both Id and Class are the element selector and are used to identify an element based on the name assign to these parameters. ID and Class selectors are the most widely used element selectors in CSS (HTML). The basic difference between ID and Class is that the ID selector is applied only to one element in a page, whereas the class selector can be applied to several elements on a single page. Read this article to find out more about "id" and "class" in HTML and how they are different from each other. What is ID in ... <a href="https://www.tutorialspoint.com/difference-between-an-id-and-class-in-html"><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/difference-between-and-operator-in-javascript" target="_blank"> Difference between == and === operator in JavaScript</a> </h3> <div class="qa_category" id="tags_28147"> <a href='https://www.tutorialspoint.com/articles/category/differences' target='_blank'><span>Differences</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/Web-Development' target='_blank'><span>Web Development</span></a></div> </div> <div class="qa_answer_widget"> <a href="https://www.tutorialspoint.com/authors/kiran-kumar-panigrahi" title="Kiran Kumar Panigrahi"><img src="https://www.tutorialspoint.com/assets/profiles/390736/profile/60_2598-1635242143.png" alt="Kiran Kumar Panigrahi"></a> <div class="qa_answer_detail"> <a href="https://www.tutorialspoint.com/authors/kiran-kumar-panigrahi" title="Kiran Kumar Panigrahi">Kiran Kumar Panigrahi</a> </div> <div class="flex-group"> <div class="qa_answer_dtm"> Updated on 23-Jun-2023 13:41:03 </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> 9K+ Views</p> </div> <div class="clear"></div> <p>JavaScript is widely used to create interactive web pages. It has many frameworks such as React JS, Angular JS, Node JS, etc. Like any other programming language, JavaScript also provides operators like arithmetic, relational, comparison operators, etc. The equality operator, i.e., "==" is one such comparison operator that checks whether the LHS is equal to RHS or not. This operator is present in all other programming languages but it is somewhat different in JavaScript. This is due to the fact that JavaScript is a loosely typed language, whereas all other languages are strictly typed. As JS is loosely typed, it ... <a href="https://www.tutorialspoint.com/difference-between-and-operator-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-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/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/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="question_section"> <div class="qa_widget"> <div class="qa_post qa_list"> <h3> <a href="https://www.tutorialspoint.com/how-to-read-and-write-a-file-using-javascript" target="_blank"> How to read and write a file using JavaScript?</a> </h3> <div class="qa_category" id="tags_28127"> <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></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 13-Nov-2024 16:05: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> 82K+ Views</p> </div> <div class="clear"></div> <p>The read and write operations on a file can be done by using specific commands. The module required to perform these operations must be imported first. The required module is 'fs', which is called the File System module in Node.js Write Operation on a File After the File System file is imported then, the writeFile() operation is called. The writeFile() method is used to write into the file in JavaScript. Syntax writeFile(path, inputData, callBackFunc) Parameters The writeFile() function accepts three parameters as mentioned below. Path: The first parameter is the path of ... <a href="https://www.tutorialspoint.com/how-to-read-and-write-a-file-using-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/web-development/599" title="Previous Page"><i class='fal fa-angle-left'></i> Previous</a> <a class="number" title="Go to page 1 of 1049" href="https://www.tutorialspoint.com/articles/category/web-development/1">1</a> ... <a class="number" title="Go to page 598 of 1049" href="https://www.tutorialspoint.com/articles/category/web-development/598">598</a> <a class="number" title="Go to page 599 of 1049" href="https://www.tutorialspoint.com/articles/category/web-development/599">599</a> <a title="Go to page 600 of 1049" class="current number" href="https://www.tutorialspoint.com/articles/category/web-development/600">600</a> <a class="number" title="Go to page 601 of 1049" href="https://www.tutorialspoint.com/articles/category/web-development/601">601</a> <a class="number" title="Go to page 602 of 1049" href="https://www.tutorialspoint.com/articles/category/web-development/602">602</a> ... <a class="number" title="Go to page 1049 of 1049" href="https://www.tutorialspoint.com/articles/category/web-development/1049">1049</a> <a href="https://www.tutorialspoint.com/articles/category/web-development/601" 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>