There is a standards based replacement,DOMContentLoaded that is supported by over 99% of browsers, though not IE8: document.addEventListener(“DOMContentLoaded”, function(event) { //do work }); jQuery’s native function is much more complicated than just window.onload, as depicted below. function bindReady(){ if ( readyBound ) return; readyBound = true; // Mozilla, Opera and webkit nightlies currently support this … Read more
function randomIntFromInterval(min, max) { // min and max included return Math.floor(Math.random() * (max – min + 1) + min) } const rndInt = randomIntFromInterval(1, 6) console.log(rndInt) What it does “extra” is it allows random intervals that do not start with 1. So you can get a random number from 10 to 15 for example. Flexibility.
You can get the size of the window or document with jQuery: // Size of browser viewport. $(window).height(); $(window).width(); // Size of HTML document (same as pageHeight/pageWidth in screenshot). $(document).height(); $(document).width(); For screen size you can use the screen object: window.screen.height; window.screen.width;
Since 1.8.5 it’s possible to seal and freeze the object, so define the above as: const DaysEnum = Object.freeze({“monday”:1, “tuesday”:2, “wednesday”:3, …}) or const DaysEnum = {“monday”:1, “tuesday”:2, “wednesday”:3, …} Object.freeze(DaysEnum) and voila! JS enums. However, this doesn’t prevent you from assigning an undesired value to a variable, which is often the main goal of … Read more
The jQuery constructor accepts a 2nd parameter called context which can be used to override the context of the selection. jQuery(“img”, this); Which is the same as using .find() like this: jQuery(this).find(“img”); If the imgs you desire are only direct descendants of the clicked element, you can also use .children(): jQuery(this).children(“img”);
It’s actually not too complicated… Say you’re on domain example.com, and you want to make a request to domain example.net. To do so, you need to cross domain boundaries, a no-no in most of browserland. The one item that bypasses this limitation is <script> tags. When you use a script tag, the domain limitation is … Read more
There are some examples on the Mozilla Developer Network page: /** * Returns a random number between min (inclusive) and max (exclusive) */ function getRandomArbitrary(min, max) { return Math.random() * (max – min) + min; } /** * Returns a random integer between min (inclusive) and max (inclusive). * The value is no lower than … Read more
You can use the substring function: let str = “12345.00”; str = str.substring(0, str.length – 1); console.log(str); This is the accepted answer, but as per the conversations below, the slice syntax is much clearer: let str = “12345.00”; str = str.slice(0, -1); console.log(str);
I used the idea from Kerry’s answer, but simplified it since I was just looking for something simple for my specific purpose. Here is what I have: function numberWithCommas(x) { return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, “,”); } function numberWithCommas(x) { return x.toString().replace(/\B(?<!\.\d*)(?=(\d{3})+(?!\d))/g, “,”); } function test(x, expect) { const result = numberWithCommas(x); const pass = result === expect; … Read more
Update 1 November 2012 My original answer applies specifically to jQuery 1.6. My advice remains the same but jQuery 1.6.1 changed things slightly: in the face of the predicted pile of broken websites, the jQuery team reverted attr() to something close to (but not exactly the same as) its old behaviour for Boolean attributes. John … Read more