Get a single URL parameter by name /** * Get a single URL parameter by it’s name. */ function _get_url_parameter_by_name(name, url) { if (!url) { url = window.location.href; } name = name.replace(/[\[\]]/g, “\\$&”); var regex = new RegExp(“[?&]” + name + “(=([^&#]*)|&|#|$)”), results = regex.exec(url); if (!results) { return null; } if (!results[2]) { return
Naming All JavaScript variables, keywords, functions, labels, and objects must be identified with unique names called identifiers. Identifiers can be short names (like x and y) or more descriptive (like age, average_height, total_volume). The general rules for constructing unique identifiers are: Identifiers can contain letters, digits, underscores, and dollar signs. Identifiers must begin with a
// Standard module pattern enclosure. var module = (function(){ /* module code */ }()); // jQuery module pattern enclosure. var module = (function($){ /* module code */ })(jQuery); See a demo on codepen.io // jQuery Module definition. var module = (function($){ // Private variable. var privateValue = 0; // Public functions. function getValue() { return
JSON stands for JavaScript Object Notation. JSON is a string not a JavaScript object. JSON is a specification for formatting a text string so it can represent structured data. JavaScript objects can be converted to JSON strings and vice-versa but with limitations. functions are not allowed in JSON strings. If an object is converted it’s
Create Cookies have four parameters name, value, expiration, and path. The name is a unique identifier for the cookie. The cookie name must be unique to the path it is set on. A cookie only holds one value and it must be a string. The expiration is the date and time after which the cookie
Date and Time // Create a new _Date_ object with the current time. var current_time = new Date(); Time-Out // Time-Outs // Calls a function or executes a code snippet after a specified delay. setTimeout( function(){ // Do something here. }, 5000); // Or… function message(){ alert( ‘Hi’ ); } setTimeout( message, 1000 ); Timed
Test for a local function if (typeof function_name === ‘function’) { console.log(function_name + ‘ exists!’); } Test for a chained function if (typeof window[class_name][sub_class_name][function_name] === ‘function’) { console.log(function_name + ‘ exists!’); } Call a function dynamically. var returned = window[class_name][sub_class_name][function_name](params);
jQuery On Delegated /** * jQuery ‘On’ Delegated * * An event-delegation approach to ‘on’ attaches an event handler * to only one outer element (#my-nav), and the inner element’s * event (‘click’ on ‘a.item’) only bubbles up one level. * This also allows you to dynamically add new “a.item” elements * to ‘#my-nav’ which
Getting Started with JSDoc 3