Found 8895 Articles for Front End Technology

How to use Emphasized formatting in HTML?

Lokesh Badavath
Updated on 22-Nov-2023 21:25:27

1K+ Views

The tag is used to define emphasized text. The content inside em tag is typically displayed in italic. The HTML tag should be used inside tag. The tag is used to separate the text from the rest text of the content. The content inside em tag is typically displayed in italic. You can change this behavior with CSS property. Syntax Following is the syntax for tag. The text… Example Following is the example program for tag. DOCTYPE html> Tutorials point Example In the following example ... Read More

Is there a way to print all methods of an object in JavaScript?

Shubham Vora
Updated on 31-Oct-2022 11:12:59

804 Views

In this tutorial, we will learn how to print all methods of an object in JavaScript. An object's property with a function declaration is known as a JavaScript method. Methods are represented as object attributes and functions. We refer to actions carried out on objects as JavaScript methods. It is also possible to call the objects without using parentheses. This is a reference to the method's owner object. The method manipulates data that is part of a Class. The Object that was called into a method is implicitly passed. A function connected to an object attribute is called a method. ... Read More

What is cross-browser window resize events in JavaScript?

seetha
Updated on 16-Jun-2020 12:05:49

190 Views

For window resize event in JavaScript, use addEventListener(). The following code will give you the size of the current window −ExampleLive Demo                    div {             margin-top: 10px;             padding: 10px;             background-color: #1E9E5D;             width: 50%;          } span {             font-size: 50px;          }                                 window.addEventListener('resize', display);             function display() {                document.querySelector('.width').innerText = document.documentElement.clientWidth;                document.querySelector('.height').innerText = document.documentElement.clientHeight;             }             display();                                Width=          Height=          

How to use floating image in HTML page?

Alankritha Ammu
Updated on 22-Dec-2021 10:35:43

19K+ Views

To use a floating image in HTML, use the CSS property float. It allows you to float an image left or right. More property values include the following:Sr.No.Property Value & Description1noneNot floated2leftFloats to the left3rightFloats to the right4initialDefault valueExampleYou can try to run the following code to use floating image in HTML. Here’s the usage of float right and float left CSS attribute           HTML Floating Image        Float Right    The below image floats to the right.                 This is demo text. ... Read More

How can I trigger a JavaScript click event?

Prabhas
Updated on 03-Oct-2019 07:46:57

1K+ Views

To trigger a JavaScript click event, let us see the example of mouse hover.ExampleLive Demo           Hover over the button.                                      function display() {             document.getElementById("test").click();          }          

Can we make print button without JavaScript?

Shubham Vora
Updated on 23-Aug-2022 09:37:59

611 Views

In this tutorial, we will learn to make the print button without using JavaScript. Most of you have seen the print button on any website or application, and when users click on the print button, it prints the whole webpage or any particular file. However, the HTML doesn’t contain the print method. We can use the print() method of the window object. The window object is the global object, which can be accessed anywhere inside the code. So, either user can invoke the window.print() method from the JavaScript or HTML code.Syntax Users can follow the syntax below to invoke JavaScript's ... Read More

How to find out which JavaScript events fired?

Abhishek
Updated on 31-Oct-2022 07:48:30

12K+ Views

In this tutorial, we will learn how we can find out which JavaScript event is fired or triggered. We can add events to HTML elements to perform some actions on the webpage like changing text, form submission, etc. There are two ways of finding which JavaScript event is fired − Using Developer Tools Using Inspect Element Let us discuss both of them one by one with coding examples. Using Developer Tools We can find out which JavaScript event is fired by using developer tools in the browser. To open Developer tools, you need to press ctrl + shift ... Read More

How to make an image responsive in HTML?

Lokesh Badavath
Updated on 18-Nov-2022 10:43:28

6K+ Views

Responsive images will automatically adjust to the size of the screen and to the tab size. To make image responsive first we must add image to the web page using tag, then by using style sheet we can change the parameters of the image to make an image responsive in HTML. Syntax Following is the syntax to make an image responsive in HTML. Example Following is the example program to make an image responsive in HTML. In here, we have used inline style sheet. DOCTYPE html> Responsive Image ... Read More

What is the difference between local storage vs cookies?

varun
Updated on 30-Jul-2019 22:30:21

1K+ Views

On client and server, the following storages are available: local storage, session storage, and cookies.The Local Storage is designed for storage that spans multiple windows and lasts beyond the current session. In particular, Web applications may wish to store megabytes of user data, such as entire user-authored documents or a user's mailbox, on the client side for performance reasons. Cookies do not handle this case well because they are transmitted with every request.Local Storage is available for every page and remains even when the web browser is closed, but you cannot read it on the server.The stored data has no ... Read More

How to secure my JavaScript using "Strict mode"?

Prabhdeep Singh
Updated on 07-Nov-2022 08:07:42

164 Views

In this tutorial, we are going to learn how to secure my JavaScript using “Strict mode”. There are some errors in the code which are just ignored by the JavaScript engine and if any line fails it perform nothing, to indicate that there is an error we can use the strict mode which will make the JavaScript engine throw an error. The ‘use strict’ is a literal expression which is the directive we can add to the code, not in any block. We can add this ‘use strict’ directive in the whole script, a function, or in a class. Syntax ... Read More

Advertisements