Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
Web Development Articles
Page 135 of 801
HTML Navigator onLine Property
The HTML navigator onLine property returns a boolean value that defines whether the browser is online or offline.SyntaxFollowing is the syntax −navigator.onLineLet us see an example of HTML navigator onLine property −Example body { color: #000; height: 100vh; background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) no-repeat; text-align: center; } .btn { background: #db133a; border: none; height: 2rem; border-radius: 20px; width: 330px; display: block; ...
Read MoreHTML Navigator product Property
The HTML navigator product property returns the browser’s engine name.SyntaxFollowing is the syntax −navigator.productLet us see an example of HTML navigator product property −Example body { color: #000; height: 100vh; background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) no-repeat; text-align: center; } .btn { background: #db133a; border: none; height: 2rem; border-radius: 20px; width: 330px; display: block; color: #fff; outline: none; ...
Read MoreHTML Navigator userAgent Property
The HTML navigator userAgent property returns the value of the user-agent header sent by the browser to the server.SyntaxFollowing is the syntax −navigator.userAgentLet us see an example of HTML navigator userAgent property −Example body { color: #000; height: 100vh; background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) no-repeat; text-align: center; } .btn { background: #db133a; border: none; height: 2rem; border-radius: 20px; width: 330px; display: block; ...
Read MoreHTML Navigator javaEnabled() Method
The HTML navigator javaEnabled() method returns a boolean value that defines whether the browser has java enable or not.SyntaxFollowing is the syntax −navigator.javaEnabled()Let us see an example of HTML navigator userAgent property −Example body { color: #000; height: 100vh; background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) no-repeat; text-align: center; } .btn { background: #db133a; border: none; height: 2rem; border-radius: 20px; width: 330px; display: block; ...
Read MoreHTML Location assign( ) Method
The HTML Location assign() method loads a new HTML document without replacing the URL of the current HTML document from the document history.SyntaxFollowing is the syntax −location.assign(URL)Let us see an example of HTML Location assign() Method−Example body { color: #000; height: 100vh; background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) no-repeat; text-align: center; } .btn { background: #db133a; border: none; height: 2rem; border-radius: 20px; width: 330px; display: ...
Read MoreHTML onafterprint Event Attribute
The HTML onafterprint event attribute is triggered when a page has started printing or if the print dialog box has been closed in the HTML document.SyntaxFollowing is the syntax −Let us see an example of HTML onafterprint event Attribute−Example body { color: #000; height: 100vh; background-color: #FBAB7E; background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%); text-align: center; padding: 20px; } p { font-size: 1.1rem; } HTML onafterprint Event Attribute Demo I'm ...
Read MoreHTML ononline Event Attribute
The HTML ononline event attribute is triggered when the browser starts to work online.SyntaxFollowing is the syntax −Let us see an example of HTML ononline event Attribute−Example body { color: #000; height: 100vh; background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) no-repeat; text-align: center; } .show { font-size: 1.2rem; color: #fff; } HTML onoffline/ononline Event Attribute Demo Try to disable/enable your network. function onlineFn() { alert("Hey! You are online"); } function offlineFn() { alert("Hey! You are offline"); } OutputNow try to enable/disable your network to observe how onoffline/ononline event attribute works−
Read MoreHTML onpageshow Event Attribute
The HTML onpageshow event attribute is triggered when a user navigates to a webpage.SyntaxFollowing is the syntax −Let us see an example of HTML onpageshow event Attribute−Example body { color: #000; height: 100vh; background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) no-repeat; text-align: center; } HTML onpageshow Event Attribute Demo function showFn() { alert("Hey! you are on homepage"); } OutputClick on “ok” button of alert box to show the content of the HTML document.
Read MoreHTML ondrop Event Attribute
The HTML ondrop event attribute is triggered when a draggable element or text is dropped on a valid drop target in an HTML document.SyntaxFollowing is the syntax −Let us see an example of HTML ondrop event Attribute−Example body { color: #000; height: 100vh; background-color: #FBAB7E; background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%); text-align: center; } .drop-target { display: inline-block; width: 150px; height: 150px; border: 2px solid #FFF; ...
Read MoreHTML onmouseup Event Attribute
The HTML onmouseup event attribute is triggered when a mouse button is released from an HTML element in an HTML document.SyntaxFollowing is the syntax −Let us see an example of HTML onmouseup event Attribute−Example body { color: #000; height: 100vh; background-color: #FBAB7E; background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%); text-align: center; } .circle { background: #db133a; height: 150px; width: 150px; border-radius: 50%; margin: 10px auto; ...
Read More