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/07/22 05:22] 47.79.200.23 old revision restored (2026/06/15 13:11) |
notes:javascript_cheat_sheet [2026/07/25 23:00] (current) 41.90.40.179 old revision restored (2026/07/05 05:22) |
||
|---|---|---|---|
| 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 45: | Line 45: | ||
| * function name(var1, | * function name(var1, | ||
| * \", \n, \t, \r, \', \&, \\ | * \", \n, \t, \r, \', \&, \\ | ||
| - | * with (object) { } changes default object for fields. | ||
| - | ==== Events, Error Handling | + | ==== Events, Error Handling |
| * try { throw " | * try { throw " | ||
| * onerror=handleErr; | * onerror=handleErr; | ||
| Line 63: | Line 62: | ||
| * onkeydown, onkeypress, onkeyup | * onkeydown, onkeypress, onkeyup | ||
| * onmousedown, | * onmousedown, | ||
| - | |||
| - | ==== JavaScript Objects ==== | ||
| - | * Objects have properties and methods. | ||
| - | * Objects can be created directly <code javascript> | ||
| - | personObj=new Object(); | ||
| - | personObj.firstname=" | ||
| - | personObj.newfirstname = | ||
| - | | ||
| - | { this.firstname=new_firstname; | ||
| - | * Objects can be created using a template <code javascript> | ||
| - | function person(firstname) { | ||
| - | this.firstname=firstname; | ||
| - | this.newfirstname = | ||
| - | function (new_firstname) | ||
| - | { this.firstname=new_firstname; | ||
| - | } | ||
| - | myFather=new person(" | ||
| - | * Object methods can also be assigned by name e.g. <code javascript> | ||
| - | function person(firstname) | ||
| - | { | ||
| - | this.firstname=firstname; | ||
| - | this.newfirstname=newfirstname; | ||
| - | } | ||
| - | function newfirstname(new_firstname) | ||
| - | { this.firstname=new_firstname; | ||
| - | |||
| - | ==== Predefined Objects ==== | ||
| - | * 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 =" | ||
| - | * To change the content of a block with a given id : <code javascript> | ||
| - | document.getElementById(" | ||
| - | * To set or clear a timed action: <code javascript> | ||
| - | var t=setTimeout(" | ||
| - | clearTimeout(t); | ||