This shows you the differences between two versions of the page.
| Both sides previous revision Previous revision Next revision | Previous revision | ||
|
notes:javascript_cheat_sheet [2026/06/07 02:32] 14.191.194.231 old revision restored (2026/05/31 00:58) |
notes:javascript_cheat_sheet [2026/06/07 15:47] (current) 38.252.202.246 old revision restored (2008/09/04 02:23) |
||
|---|---|---|---|
| Line 8: | Line 8: | ||
| * JavaScript is the most popular scripting language on the internet and works in all major browsers. | * JavaScript is the most popular scripting language on the internet and works in all major browsers. | ||
| - | * It is a lightweight, | + | * It is a lightweight, |
| * JavaScript can read and write HTML page elements, react to events, validate data, create cookies. | * JavaScript can read and write HTML page elements, react to events, validate data, create cookies. | ||
| * JavaScript was invented by Brendan Eich of Netscape but is now known officially as ECMAScript (current version is ECMA-262). | * JavaScript was invented by Brendan Eich of Netscape but is now known officially as ECMAScript (current version is ECMA-262). | ||
| Line 27: | Line 27: | ||
| * Statements may omit the final semi-colon but should not. | * Statements may omit the final semi-colon but should not. | ||
| * Blocks may be grouped together using curly braces { }. | * Blocks may be grouped together using curly braces { }. | ||
| - | * JavaScript uses java-style comments: | + | * JavaScript uses java-style comments: // and /* */. |
| * JavaScript variables are case-sensitive and must begin with a letter or underscore. | * JavaScript variables are case-sensitive and must begin with a letter or underscore. | ||
| * Variables are automatically declared when first used but should be explicitly declared using e.g. var a = 5; | * Variables are automatically declared when first used but should be explicitly declared using e.g. var a = 5; | ||
| Line 35: | Line 35: | ||
| ==== Basic Structures ==== | ==== Basic Structures ==== | ||
| - | * if {} else if {} else {} | + | * |
| - | * for (var=start; | + | |
| - | * while (condition) {} | + | |
| - | * do {} while (condition) ; | + | |
| - | * //break// and // | + | |
| - | * for (element in array) {} | + | |
| - | * for (property in object) {} | + | |
| - | * switch (n) { case 1: stmt; break; default: stmt; } | + | |
| - | * function name(var1, | + | |
| - | * \", \n, \t, \r, \', \&, \\ | + | |
| - | + | ||
| - | ==== Events, Error Handling and Popups ==== | + | |
| - | * try { throw " | + | |
| - | * onerror=handleErr; | + | |
| - | * if handleErr returns false, browser displays a standard error message in the JavaScript console. | + | |
| - | + | ||
| - | * an alert box just has an OK button - alert(" | + | |
| - | * a confirm box returns true if the user clicks OK, false if he clicks cancel - confirm(" | + | |
| - | * a prompt box allows the user to enter a value. It returns true if the user clicks OK, false if he clicks cancel - prompt(" | + | |
| - | + | ||
| - | * JavaScript functions can be registered to run on certain events (event=" | + | |
| - | * onunload, onload (page or image), onresize, onabort | + | |
| - | * onfocus, onblur, onclick, ondblclick | + | |
| - | * onmouseover, | + | |
| - | * onchange, onsubmit, onreset, onselect | + | |
| - | * onkeydown, onkeypress, onkeyup | + | |
| - | * onmousedown, | + | |
| - | + | ||
| - | ==== JavaScript Objects ==== | + | |
| - | * Objects have properties and methods. | + | |
| - | * String objects have a length property and methods including: indexOf, match, replace | + | |
| - | * new Date() creates a Date object (with today' | + | |
| - | * Date objects include methods: getTime(epoch), | + | |
| - | * Date objects can be compared using <, > . | + | |
| - | * To declare an array <code javascript> | + | |
| - | * Arrays have methods including: sort, concat, join. | + | |
| - | * To sort an integer array, must use a function <code javascript> | + | |
| - | * The Math object contains common math routines: round, random, e, pi etc. | + | |
| - | * The RegExp object supports regexp creation and searching including methods: test (t/f), exec, compile (alter). | + | |
| - | * HTML DOM objects allow access to browser and webpage. | + | |
| - | + | ||
| - | ==== Advanced JavaScript ==== | + | |
| - | * navigator.appName/ | + | |
| - | * document.cookie allows read and write access to cookie so to set a cookie <code javascript> | + | |
| - | function setCookie(c_name, | + | |
| - | { | + | |
| - | var exdate=new Date(); | + | |
| - | exdate.setDate(exdate.getDate()+expiredays); | + | |
| - | document.cookie=c_name+ " | + | |
| - | ((expiredays==null) ? "" | + | |
| - | "; | + | |
| - | } </ | + | |
| - | * The onsubmit event can be used to validate a form. | + | |
| - | * document.img_name.src =" | + | |