Most Popular Scripts | JavaScript | Tutorials & Tips

JavaScript Operators have a predefined order of precedence which are used to process and evaluate a JavaScript expression. JavaScript Operator Precedence is similar to the Mathematical Operator Precedence and Associativity. Like basic algebra Operator Precedence, JavaScript multiplication and division Operator have higher precedence over addition and subtraction Operator.

JavaScript Expression is a combination of values, variables, operators, and functions that are interpreted (evaluated) as per the program logic define(develop) by JavaScript programmer. JavaScript supports a variety of operators like arithmetic, logical and comparison etc. An operator is a function which acts on any number of operands (inputs) to produce a pre-define operation.

JavaScript Reserved KeyWords are part of the JavaScript language syntax. JavaScript Reserved KeyWords has special meanings and used to instruct JavaScript interpreter to perform a specific pre define task. JavaScript has some reserved keywords which can not be used as an identifier. Using JavaScript Reserved KeyWords as an identifier for variable names, function names, and loop labels results in error.

JavaScript Variables are the main building blocks of JavaScript Scripting language. JavaScript Variables are used for storing (contains) the data (value) and manipulate that data in your programs. Every JavaScript variable has a name, called its ‘identifier’ and optional data called ‘Literals’. JavaScript Variables are declared using JavaScript ‘var’ keyword. JavaScript var keyword allocates storage space for variable to store data. Multiple variables can be declared with one JavaScript ‘var’ keyword. The main advantage of JavaScript variable is, it can hold a value of any data type. Using an undeclared variable causes an error. The best practice of defining JavaScript Variables is with assigned initial values.

JavaScript Literals are the notation for representing a fixed data value that appears directly in a JavaScript program. JavaScript Literals helps us to assign values (initialize) to various JavaScript Data Types and Variables; such as integers, floating-point numbers, strings, and Booleans; enumerated Data Types and compound values such as arrays, records, and objects.

JavaScript Comments allows us to add remarks and a well written explanation about the working of JavaScript code. JavaScript Comments make the code more readable, understandable for future reference. Commenting your JavaScript code makes it easier for others to understand. To increase re-usability of a JavaScript code be, sure to include comments in your scripts. Commenting your JavaScript code is the best practice of JavaScript programming and suits to your aspect of good programming style.

A JavaScript statement is a command to a web browser to perform specific task define (program written) by the user. JavaScript Statements are written with the set of elementary rules that specifies how to write JavaScript programs. A JavaScript program is a set of one or more statements. A statement will have internal components like Variables, Literals, Identifier, reserved keywords, Comments, conditional statement, Arrays, Functions, Objects, Classes etc JavaScript is case sensitive, in the most of cases JavaScript Statements terminated with a semicolon(;) or with Returns(Enter or line-break). Even though semicolon is optional, JavaScript Statements terminated with a semicolon(;) is the best practice of JavaScript programming

JavaScript is mostly used as a client-side scripting language. With Client-side JavaScript, we are able to interpreter with the Document Object Model (DOM) of a web browser. On Client-Side, JavaScript add interactive features to your page. JavaScript allowing us to do plenty of tasks on Client-Side like mathematical calculations, form validation, drop down and sliding menus, message tickers, work with events, work with cookies, add special effects and animation, develop interactive games, customize graphics selections, and create security passwords and many more.

JavaScript is most popular, commonly used, object-oriented, client-side scripting language. JavaScript widely used in tasks ranging from the form data validation to the development of enhanced user interfaces and dynamic websites. The primary use of Client-side JavaScript is to write functions that are embedded in or included from HTML pages and interact with the Document Object Model (DOM) of the page. Because JavaScript code can run locally in a user’s browser (instead of get parse on a remote server like PHP or ASP.NET), it can respond to user actions quickly, making an application feel more responsive and user friendly.

If you are aiming to make HTML elements and change its CSS properties without reloading the entire page then this post is for you. Most often we need to change CSS dynamically to fulfill user requirement. In this post i will show you through an example how we can achieve it. So that you can easily understand & change CSS class dynamically or runtime in your page by writing a simple javascript function.

Here's a useful jQuery snippet that clears the default values of form fields on focus and refills them if no text is entered. It uses the attribute called defaultValue which stores the original value of a form field.

Creating tabbed content is easy with jQuery UI. Using a simple HTML layout and calling the tabs function is all it takes. Here, I'll show you how to make a degradable tabbed interface. That is, we'll make it so the page is still readable when JavaScript is disabled. This involves hiding and showing elements using JavaScript before enabling tabs.

Learn how to make your first HTML5 canvas web application with the CAKE JavaScript library. Demo and source code included.

To make a Client-side numeric textbox control using javascript is a common task in web development. Numeric checking may varried based on business logic. Like positive int, positive decimal, signed int or signed decimal. In my post i will try to focus on each requirement plus cross-browser compatibility. Here i will try to describe the script for 4 different methods for 4 business cases. Choose what you need. 4 cross-browser supported Client Side javascript IsNumeric() methods are as follows:

Previously I have discussed how various cursor styles can be accessed via CSS. This current tutorial will go one step further, and give an insight how the cursor property can be changed to another setting dynamically once the page has already been loaded.

JavaScript can be difficult to learn on your own. It can be even more difficult to find good tutorials that teach best practices from the onset. I've gathered together 15 video tutorials from the people who really know their JavaScript. You'll learn about the basics of JavaScript and how to debug it from Douglas Crockford, Peter-Paul Koch, Joe Hewitt, and others. This collection of tutorials is for pure JavaScript, no frameworks (those will come in a future post), so you'll get a chance to learn from the ground up.

It is shocking how many people actually think that the names of wife, children, pets or favourite sports teams, are actually safe passwords. To make potential users aware that this is not a case, here is a password complexity test for registration forms.

In this tutorial we will be creating a prototype method in Javascript that will help us validate any date entered from the user's input. The function will take two arguments: Argument 1: Target Delimiter. e.g. how the user should separate the digits. Common delimiters are '/' or '-'. Argument 2: Target Format. The order of the year (y), the month (m) and the day (d). Common formats are 'mdy', or 'ymd'.

This is a simple tutorial that introduces people to proper formatting and API usage of jQuery. The tutorial teaches how to use a button to show text in a hidden div tag. There are several other tutorials on the site as well to teach other aspects of jQuery. The goal of the tutorial is that you will be able to understand how to use the API at jquery.com to do anything.

Learn about Googles new O3D plugin, and get started with a simple O3D application.