Found 601 Articles for Front End Scripts

How to return the id of the first image in a document with JavaScript?

Kumar Varma
Updated on 23-Jun-2020 08:11:36

347 Views

To return the id of the first image, use the images property in JavaScript.ExampleYou can try to run the following code to return the id of the first image in a document −Live Demo                                            var val = document.images.length;          document.write("Number of images in the document: "+val);          document.write("The id of the first image: "+document.images[0].id);          

How to return the number of images in a document with JavaScript?

Samual Sam
Updated on 23-Jun-2020 08:12:05

869 Views

To return the number of images in a document, use the images property in JavaScript.ExampleYou can try to run the following code to get the count of images −Live Demo                                            var val = document.images.length;          document.write("Number of images in the document: "+val);          

How is NaN converted to String in JavaScript?

Saurabh Jaiswal
Updated on 11-Aug-2022 12:17:10

2K+ Views

In this tutorial, we will learn how to convert NaN to String. NaN in JavaScript means Not a Number, whose type is Number but actually, it is not a number. To Convert, the NaN to a String we use Multiple methods some of which are discussed below. Using the String() Method Using the toString Method Using the || Operator Using the isNaN() Method Using Ternary Operator Using the String() Method The String() method in JavaScript is used to convert different values to String. To convert the NaN into String Just pass the NaN to this method. Here is ... Read More

Which event occurs in JavaScript when the dragged element is over the target?

Paul Richard
Updated on 23-Jun-2020 08:14:21

299 Views

The ondragover event triggers when the dragged element is over the drop target.ExampleYou can try to run the following code to learn how to implement ondragover event in JavaScript −Live Demo                    .drag {             float: left;             width: 100px;             height: 35px;             border: 2px dashed #876587;             margin: 15px;             padding: 10px;          }   ... Read More

What is the role of Browser Object Model (BOM) in JavaScript?

karthikeya Boyini
Updated on 23-Jun-2020 08:04:18

2K+ Views

The Browser Object Model (BOM) in JavaScript includes the properties and methods for JavaScript to interact with the web browser.BOM provides you with a window objects, for example, to show the width and height of the window. It also includes the window.screen object to show the width and height of the screen.ExampleYou can try to run the following code to learn how to get screen height and width −Live Demo                    document.write("Screen width: " + screen.width);          document.write("Screen width: " + screen.width);          

How to get the number of the internet host port for the current page in JavaScript?

Shubham Vora
Updated on 12-Oct-2022 08:28:46

422 Views

In this tutorial, we will learn to get the number of internet host port for the current page in JavaScript. The Port number is a 16-bit unique ID of protocols. The port number ranged from 0-65535. The port number is used to find a process by the server. There are 65535, and each port number is associated with its identity. So, let us look to get the port number for the current page in JavaScript. Following are the methods by which we can get the port number of the internet host − Using the location.port Property Using the URL ... Read More

Which event occurs in JavaScript when a dragged element is dropped?

Swarali Sree
Updated on 23-Jun-2020 08:05:55

94 Views

The ondrop event triggers when a dragged element is dropped on the target. You can try to run the following code to learn how to implement ondrop event in JavaScript −ExampleLive Demo                    .drag {             float: left;             width: 100px;             height: 35px;             border: 2px dashed #876587;             margin: 15px;             padding: 10px;          } ... Read More

What is the role of the window.history object in JavaScript?

Paul Richard
Updated on 23-Jun-2020 08:00:51

148 Views

The window.history object is used to go back or to the next page of the web browser. It has the browser's history and comes with the following two methods −history.back − Go to previous URLhistory.next − Go to next URLExampleYou can try to run the following code to learn how to work with window.history object in JavaScript −Live Demo                    function backPage() {             window.history.back()          }          function nextPage() {             window.history.next()          }                      

How to use Meta Tag to redirect an HTML page?

Paul Richard
Updated on 13-Jan-2020 06:26:03

12K+ Views

Page redirection is a situation where you clicked a URL to reach a page X but internally you were directed to another page Y. It happens due to page redirection.To use a META Tag to redirect your site is quite easy. With this, use the http-equiv attribute to provide an HTTP header for the value of the content attribute.The following is an example of redirecting current page to another page after 2 seconds. If you want to redirect page immediately then do not specify the content attribute.ExampleLive Demo           HTML Meta Tag                     This is demo text.    

How to find position with HTML5 Geolocation?

Sharon Christine
Updated on 10-Jan-2020 11:15:32

160 Views

HTML5 Geolocation API lets you share your location with your favorite websites. A JavaScript can capture your latitude and longitude and can be sent to backend web server and do fancy location-aware things like finding local businesses or showing your location on a map.The geolocation APIs work with a new property of the global navigator object ie. Geolocation object.The getCurrentPosition method retrieves the current geographic location of the device. The location is expressed as a set of geographic coordinates together with information about heading and speed. The location information is returned to a Position object.ExampleYou can try to run the ... Read More

Advertisements