Front End Technology Articles - Page 431 of 652

The HTML DOM search property associated with the anchor tag () returns the query string part of the href property value. The query string part is after the ? in a url and is usually used to pass information to the server. It is used when a get request is sent to the server and information is embedded in cleartext in the link.SyntaxFollowing is the syntax fora) Returning the search propertyanchorObject.searchb) Setting the search propertyanchorObject.search = querystringExampleLet us see an example of HTML DOM anchor search property − Example Site Click the button to change the querystring part ... Read More

The HTML DOM Anchor Rel property returns the rel attribute of a link. The rel attribute describes the association between the running document and the linked document.SyntaxFollowing is the syntax to −a) Return the rel property −anchorObject.relb) Set the rel property &minusanchorObject.rel = "value"ExampleLet us see an example of the HTML DOM anchor rel property −Live Demo Example Anchor Rel Property Click on the button Click me!    function display() {       var docs = document.getElementById("anchorExample").rel;       document.getElementById("show").innerHTML = docs;    } OutputThis will produce the following output −Click ... Read More

In this article, we are going to discuss how to check whether a number is finite or not with suitable examples in JavaScript. To check whether a number is finite or not in JavaScript, there is an inbuilt method which is isFinite() method. This method returns true if the number is a finte number. If the number is not a dfinite number, this method returns false. To get a better understanding let’s look into the syntax and usage of isFinite() method in JavaScript. Syntax The syntax to check whether a number is finite or not is − isFinite(value) Where, ... Read More

Let us discuss how to retrieve element from local storage with suitable examples in Javascript. To retrieve elements from the local storage in Java Script, we use getItem() method which helps us to access elements that are stored in the local storage object. The getItem() method belongs to the storage object. It can be a local storage object or a session storage object. The data that is stored inside the local storage is non-volatile storage. Even if we run out of the session time in a browser or if we close the browser, the data gets stored in the local ... Read More

In this article, we are going learn about the weekday as a number in JavaScript with appropriate examples. To get the weekday as a number, JavaScript has provided getDay() method. The getDay() is a method from Date object. The getDay() method returns a value between 0 to 6. For example, Sunday = 0, Monday =1, Tuesday =2, Wednesday = 3 and so on. To get a better understanding, let’s look into the syntax and usage of getDay() method in JavaScript. Syntax The syntax for getDay() method is − dateObject.getDay(); Where, dateObject is an object created from date. This method ... Read More

In this article we are going to discuss about the getters and setters in JavaScript classes with suitable examples in JavaScript. In JavaScript, getters and setters are the methods that are used to get or set the value for properties. When using getters and setters, you can ensure higher data quality. Getters and Setters provide a simplified syntax for an object's properties and methods. Getters and Setters are used for Data Encapsulation. To add getters and setters in the class, use the get and set keywords. To get a better understanding let’s look into the syntax and usage of both ... Read More

In JavaScript, you may extend both classes and objects with the extends keyword. It is frequently used to build classes that are children of other classes. In addition to built-in objects, customized classes can also be subclass using the extends keyword. The classes serve as the blueprint for a real-world item so that we may easily change, access, and utilise them in programming. It is specified to establish an abstract data type to hold a specific sort of information together with the methods for manipulating that information. You use the extends keyword to use class inheritance. Any constructor with the ... Read More

Actually, the result will be in vain when we try to use an object inside a static method. But when the object is sent as a parameter, we can access the object. let's discuss it in a nutshell.Example-1In the following example, we tried to use the object "myComp" directly rather than sending it as a parameter, therefore, we get no result. If we open the browser console we will get an error that is "myComp.comp() is not a function". To get the actual result we have to send the object as a parameter as shown in Example-2    class ... Read More

In this artcle we are going to learn another method other than a constructor in a JavaScript class with suitable examples in JavaScript The Constructor is used to create and initialize an instance of a class i.e., object. The constructor's job is to build a new object and set values for any attributes that already exist on the object. Every class has a default constructor. If we don’t provide our own constructor, then the default constructor will be incoked. Let’s understand this concept in a better way with the help of suitable examples further in this article. Syntax The syntax ... Read More

"this" keyword in an arrow functionThe JavaScript 'this' keyword refers to the object it belongs to. In an arrow function, 'this' belongs to a global object. Inside a simple function, there might be chances that 'this' keyword can result in undefined but in an arrow function it results in an exact value.ExampleLive Demo    function Student(fname, grade) {       this.fname = fname;       this.grade = grade;       this.details = function() {          return () => {             document.write(`Hi, I'm ${this.fname} from ${this.grade} grade`);          };       }    } let info = new Student('picaso', 'seventh'); let printInfo = info.details(); printInfo(); OutputHi, I'm picaso from seventh grade