How to construct a URL in JavaScript
A short guide on how to correctly construct a URL in JavaScript.
JavaScript Browser Snippets
The JavaScript snippet collection contains a wide variety of ES6 helper functions. Browser snippets include helper functions for selecting, traversing, and manipulating DOM elements, while general-purpose helpers can be found in the JavaScript snippet collection.
-
JavaScript · -
JavaScript · Avoid "javascript:void(0)" for empty links
There are many ways to create empty links, some more appropriate than others. Learn how to best handle empty links with this quick tip.
-
JavaScript · Smooth scroll to the top of the page using JavaScript
Smooth-scrolls to the top of the page.
-
JavaScript · HTML element class manipulation with JavaScript
Learn how to work with HTML element classes in JavaScript, from simple class checks to adding, removing and toggling classes.
-
JavaScript · Minimize DOM access in JavaScript
Increase your JavaScript code's performance when working with the DOM by leveraging this simple trick.
-
JavaScript · How can I get the currently selected text in the browser?
Learn how to get the currently selected text in the browser using JavaScript.
-
JavaScript · Create your own query selector shorthand in vanilla JavaScript
Ever wanted to create your own jquery-like query selector shorthand? Here's how!
-
JavaScript · Create an HTML element with JavaScript
If you want to create an element from a string without appending it to the document, you can use a few lines of JavaScript.
-
JavaScript · What is CORS?
CORS (Cross-Origin Resource Sharing) trips up many developers, but it's pretty easy to wrap your head around.
-
JavaScript · Select the focused DOM element with JavaScript
Here's a quick and easy way to select the currently focused DOM element in JavaScript.
-
JavaScript · Remove an element from the DOM using JavaScript
Learn how to quickly remove an element from the DOM using JavaScript.
-
JavaScript · Check if an element is visible in the viewport using JavaScript
Learn how to check if an element is visible in the browser's viewport, using this simple technique.
-
JavaScript · How can I get the current URL in JavaScript?
Learn a simple way to get the browser's current URL in JavaScript.
-
JavaScript · Get the scroll position of the current page using JavaScript
Calculate the coordinates of the current scroll position in the browser window using JavaScript.
-
JavaScript · Insert HTML string before or after element using JavaScript
Learn how to insert an HTML string before or after the start of a specified element using JavaScript.
-
JavaScript · Check if the bottom of the page is visible using JavaScript
If you've ever needed to check if the bottom of the page is visible, this snippet will help you do just that.
-
JavaScript · Check if localStorage or sessionStorage is enabled
Check if
localStorageorsessionStorageis enabled in the browser, using a simple JavaScript function. -
JavaScript · Detect user color scheme preference in JavaScript
Use a media query to check if the user prefers a light or dark color scheme.
-
JavaScript · Get the width of the scrollbar using JavaScript
Easily and reliably calculate the width of the browser's vertical scrollbar with JavaScript.
-
JavaScript · Check if two URLs are on the same origin
Can you tell if two URLs are on the same origin? Here's a very simple way to do so.