Found 10711 Articles for Web Development

How to use the same JavaScript in multiple content pages?

Rahul Sharma
Updated on 13-Jun-2020 06:45:08

1K+ Views

To use the same JavaScript in more than one page, add the js code in an external JavaScript file. Let’s say the following demo.js is our external JavaScript file −function display() {    alert("Hello World!"); }Now add the external JavaScript file to the following HTML web page. In the same way, you can add it to multiple content page.                                          

How does the browser identify inline JavaScripts?

Johar Ali
Updated on 13-Jun-2020 06:44:28

283 Views

Let’s say the following line we have in our HTML −Here the browser identifies inline JavaScript by detecting onclick, even when tag wasn’t available.The following are some of the suggestions for using inline JavaScripts −You should consider inline script elements such as ...) if the script only to be used for a single page.Do not use event attributes such as onclick="...", and bind event handlers using JavaScript.Use external script elements such as ) for most scripts, especially if reused between pages.

What are the rules for JavaScript's automatic semicolon insertion (ASI)?

Amit Sharma
Updated on 13-Jun-2020 06:43:18

184 Views

JavaScript’s automatic semicolon insertion (ASI) is to insert missing semicolons. The following statements are affected by automatic semicolon insertion −empty statement var statement expression statement do-while statement continue statement break statement return statement  throw statementThe rules are in the following specification −When, as a Script or Module is parsed from left to right: A token is encountered that is not allowed by any production of the grammar, then a semicolon is automatically inserted before the offending token only if one or more of the following conditions becomes true −Offending token is }.Previous token is ) and the inserted semicolon would ... Read More

Where should jQuery code go in header or footer?

Ali
Ali
Updated on 20-Feb-2020 07:01:23

2K+ Views

It’s always a good practice to add jQuery code in footer i.e. just before the closing tag. If you have not done that, then use the defer attribute.Use defer attribute so the web browser knows to download your scripts after the HTML downloaded −The defer attribute is used to specify that the script execution occurs when the page loads. It is useful only for external scripts and is a boolean attribute.ExampleThe following code shows how to use the defer attribute −                 The external file added will load later, since we're using defer    

How to disable resizable property of textarea using JavaScript?

Rahul Sharma
Updated on 13-Jun-2020 06:39:07

155 Views

To disable resizable property, use CSS style −textarea {    resize: none; }To disable specific textarea with different attribute values, try the following. Let’s say the attribute is set to “demo” −textarea[name=demo] {    resize: none; }Let’s say the id attribute is “demo” −For the above,#demo {    resize: none; }

How to handle when JavaScript is turned off?

Johar Ali
Updated on 13-Jun-2020 06:37:30

78 Views

Nowadays, almost every web browser supports JavaScript. If it is turned off, you can use tag. To let users know about non-JavaScript web browsers, use the tag. The HTML tag is used to handle the browsers, which do recognize tag but do not support scripting. This tag is used to display an alternate text message.Example           HTML noscript Tag                                              Your browser does not support JavaScript!          

JavaScript function in href vs. onClick

Amit Sharma
Updated on 24-Jun-2024 15:36:43

10K+ Views

Both onclick & href have different behaviors when calling JavaScript directly. Also the script in href won’t get executed if the time difference is short. This is for the time between two clicks.ExampleHere’s an example showing the usage of href vs onClick in JavaScript. Live Demo           JavaScript href vs onClick()              function myFunc() {          var v = 0;          for (var j=0; j

What is the difference between global and local Variables in JavaScript?

Swarali Sree
Updated on 15-Jun-2020 12:06:30

5K+ Views

The scope of a variable is the region of your program in which it is defined. JavaScript variables have only two scopes.Global Variables − A global variable has a global scope which means it can be defined anywhere in your JavaScript code.Local Variables − A local variable will be visible only within a function where it is defined. Function parameters are always local to that function.Within the body of a function, a local variable takes precedence over a global variable with the same name. If you declare a local variable or function parameter with the same name as a global ... Read More

How to declare variables in JavaScript?

Rahul Sharma
Updated on 13-Jun-2020 06:32:51

885 Views

Like many other programming languages, JavaScript has variables. Variables can be thought of as named containers. You can place data into these containers and then refer to the data simply by naming the container.Before you use a variable in a JavaScript program, you must declare it. Variables are declared with the var keyword as follows.     You can also declare multiple variables with the same var keyword as follows −     Storing a value in a variable is called variable initialization. You can do variable initialization at the time of variable creation or at a later point in ... Read More

What is the difference between window.onload and document.onload in Javascript?

Samual Sam
Updated on 15-Jun-2020 12:05:46

1K+ Views

document.onloadIt gets fired prior to loading of images and other external content. document.onload event is fired before the window.onload.window.onloadIt gets fired when the complete page loads, which includes images, scripts, css, etc.ExampleHere’a an example to understand onload.Live Demo           JavaScript Animation                                                        Click button below to move the image to right                    

Advertisements