JavaScript Miscellaneous Topics #13

JavaScript Miscellaneous Topics. Please check below.

• Detect browser name and version:

                  var browser=navigator.appName;                var b_version=navigator.appVersion;           

• Other browser related: navigator.appCodeName, navigator.platform, navigator.platform , navigator.cookieEnabled , navigator.userAgent, navigator.appMinorVersion, navigator.cpuClass, navigator.onLine, navigator.browserLanguage, navigator.systemLanguage, navigator.userLanguage
• It’s a good idea to use escape function for setting cookie values (if more than one word). Also, use unescape function on the value when you want to use the value (situation dependent)
• Animating a button: Place a button, onmouseover event replace the button image with a highlighted button image, on mouse out event – go back to the original button image

  
  Place the following code under script tag/in a javascript filefunction mouseOver(){   document.getElementById("b1").src ="b_blue.gif";}function mouseOut(){   document.getElementById("b1").src ="b_pink.gif";}

• Example: Using Map, Area, and MouseOver Event

• Display an alert box after 5 seconds: var t=setTimeout(“alert(‘Time is over!’)”,5000);
• Change document content after different time intervales

  var t1=setTimeout("document.getElementById('id1').value='2 seconds!'",2000);var t2=setTimeout("document.getElementById('id1').value='4 seconds!'",4000);var t3=setTimeout("document.getElementById('id1').value='6 seconds!'",6000);

• Reset time out: t=setTimeout(“alert(‘Time is over!’)”,5000); clearTimeout(t);
• Javascript Objects:

  Direct Instance: pObj=new Object();pObj.firstname="John";pObj.lastname="Doe";pObj.age=50;pObj.eyecolor="blue";document.write(pObj.firstname + " is " + pObj.age + " years 

• Object template

  function car(brand,make,model){this.brand=brand;this.make=make;this.model=model;}var myCar=new car("Honda","2009","Accord");document.write(myCar.brand +  myCar.make + myCar.model );

• JavaScript Error Handling: Try/Catch:

  try{}catch(err){}

• JavaScript OnError Event: You can define a function in JavaScript code that will be always called if any javascript error.

  Under script tag/javascript file_onerror=handleErr;var alertTxt = "" function handleErr(msg, url, l){   alertTxt = "Error Information:.nn";   alertTxt += msg + "n";   alertTxt += url + "n";   alertTxt += l + "nn";   alertTxt += "Click OK to continue.nn";   alert(alertTxt);   return true;}

• Javascript Advanced For loop:

  var x;var myFriends= new Array();myFriends[0] = "Shafiq";myFriends[1] = "Rafiq";myFriends[2] = "Abba";myFriends[3] = "Amma";for (x in myFriends){   document.write(myFriends[x] + "
  ");}

• JavaScript Alert Box:alert(“Alert box with new line” + ‘n’ + “in a new line!”);
• JavaScript Confirm Box:var con = confirm(“Press a button”);
• JavaScript Prompt Box: Take Input from User:var name=prompt(“Please enter your name”,”Harry Potter”);
• JavaScript Random Number: var rNumber = Math.random();
• JavaScript Switch Statement:

  var d = new Date();theDay=d.getDay();switch (theDay){case 5:  document.write("Friday");  break;case 6:  document.write("Saturday");  break;case 0:  document.write("Sunday");  break;}

• JavaScript Objects:Window, Navigator, Screen, History, Location
• JavaScript Date Object : var myDate=new Date()
• Some date object methods:
  Date(): Returns today’s date and time
  getDate(): Returns the day of the month from a Date object (from 1-31)
  getDay(): Returns the day of the week from a Date object (from 0-6)
  getFullYear(): Returns the year, as a four-digit number, from a Date object
  getHours(): Returns the hour of a Date object (from 0-23)
  getMilliseconds(): Returns the milliseconds of a Date object (from 0-999)
  getMinutes(): Returns the minutes of a Date object (from 0-59)
  getMonth(): Returns the month from a Date object (from 0-11)
  getSeconds(): Returns the seconds of a Date object (from 0-59)
  getTime(): Returns the number of milliseconds since midnight Jan 1, 1970
• JavaScript Math Object Functions: You need to use the function as Math.max() format
  abs(x) , acos(x) , asin(x) , atan(x) , atan2(y,x), ceil(x), cos(x), exp(x) , floor(x), log(x), (base E) ,max(x,y) , min(x,y), pow(x,y) , random() , round(x), sin(x) , sqrt(x) , tan(x) , toSource(), valueOf()
• JavaScript Regular Expression Example:

     var pattern = new RegExp("e","g");   do   {     result=pattern .exec("This is the line where the regular expression will be searched on");     document.write(result);   }   while (result!=null) 

• JavaScript Global Objects: * Array, * Boolean, * Date, * Error, * EvalError, * Function, * Math, * Number, * Object, * RangeError, * ReferenceError, * RegExp, * String, * SyntaxError, * TypeError, * URIError
• JavaScript Global Functions:# decodeURI,# decodeURIComponent,# encodeURI,# encodeURIComponent,# eval,# isFinite,# isNaN,# parseFloat,# parseInt
• Javascript Statements:# block,# break,# const,# continue,# do…while,# export,# for,# for…in,# for each…in,# function,# if…else,# import,# label,# let,# return,# switch,# throw,# try…catch,# var,# while,# with
• JavaScript Reference from Sun (version 1.3 recent JS version is 1.8, I guess): http://docs.sun.com/source/816-6408-10/
• JavaScript Events :onAbort, onActivate, onAfterPrint, onAfterUpdate, onBeforeActivate, onBeforeCopy, onBeforeCut, onBeforeDeactivate, onBeforeEditFocus, onBeforePaste, onBeforePrint, onBeforeUnload, onBeforeUpdate, onBlur, onBounce, onCellChange, onChange, onClick, onContextMenu, onControlSelect, onCopy, onCut, onDataAvailable( 3 ) onDatasetChange, onDatasetComplete, onDblClick, onDeactivate, onDrag, onDragEnd, onDragEnter, onDragLeave, onDragOver, onDragStart, onDrop, onError, onErrorUpdate, onFilterChange, onFinish, onFocus, onFocusIn, onFocusOut, onHelp, onKeyDown, onKeyPress, onKeyUp, onLayoutComplete, onLoad, onLoseCapture, onMouseDown, onMouseEnter, onMouseLeave, onMouseMove, onMouseOut, onMouseOver, onMouseUp, onMouseWheel, onMove, onMoveEnd, onMoveStart, onPaste, onPropertyChange, onReadyStateChange, onReset, onResize, onResizeEnd, onResizeStart, onRowEnter, onRowExit, onRowsDelete, onRowsInserted, onScroll, onSelect, onSelectionChange, onSelectStart, onStart, onSubmit, onTimeError, onUnload,
• JavaScript Methods:abs, acos, add namespaces, add, addBehavior, AddChannel,AddDesktopComponent, addElement, AddFavorite, addImport, addPageRule( 2 ) addReadRequest,addRule, alert, anchor, appendChild, appendData, applyElement,asin, assign, atan, atan2, attachEvent, AutoCompleteSaveForm,AutoScan, back, big, blink, blur, bold,ceil, charAt, charCodeAt, ChooseColorDlg, clear, clearAttributes,clearData, clearInterval, clearRequest, clearTimeout, click, cloneNode,close, collapse, compareEndPoints, componentFromPoint( 4 ) concat 1, concat 2,confirm, contains, cos, createAttribute, createCaption, createComment,createControlRange, createDocumentFragment, createElement, createEventObject, createPopup, createRange,createStyleSheet, createTextNode, createTextRange, createTFoot, createTHead, deleteCaption,deleteCell, deleteData, deleteRow, deleteTFoot, deleteTHead, detachEvent,doImport, doReadRequest, doScroll, dragDrop, duplicate, elementFromPoint,empty, escape( 2 ) eval( 2 ) execCommand, execScript, exp,findText, fireEvent, firstPage, floor, focus, fontColor,fontSize, forward, fromCharCode, getAdjacentText, getAttribute, getAttributeNode,getBookmark, getCharset, getClientRects, getData, getDay, getElementById,getElementsByName, getElementsByTagName, getExpression, getFullYear, getMilliseconds, getMonth,getNamedItem, getSeconds, getTime, getTimezoneOffset, getUTCDate, getUTCDay,getUTCHours, getUTCMilliseconds, getUTCMinutes, getUTCMonth, getUTCSeconds, getYear,hasChildNodes, hasFocus, hasOwnProperty, hide, ImportExportFavorites, indexOf,inRange, insertAdjacentElement, insertAdjacentText, insertBefore, insertCell, insertData,insertRow, isEqual, isNaN( 2 ) isPrototypeOf, IsSubscribed, italics,item, javaEnabled, join, lastIndexOf, lastPage, link,localeCompare, log, match, max, mergeAttributes, min,move, moveBy, moveEnd, moveRow, moveStart, moveTo,moveToBookmark, moveToElementText, moveToPoint, namedItem, namedRecordset, navigate,NavigateAndFind, nextPage, normalize, open, parentElement, parse,parseFloat( 2 ) parseInt( 2 ) pasteHTML, pop, pow, previousPage,print, prompt, queryCommandEnabled, queryCommandIndeterm, queryCommandState, queryCommandValue,recalc, refresh plugin, releaseCapture, remove, removeAttribute, removeAttributeNode,removeBehavior, removeChild, removeExpression, removeNode, removeRule, replace location,replace String, replaceChild, replaceData, replaceNode, reset, resizeBy,reverse, round, scroll, scrollBy, scrollIntoView, scrollTo,select form control, select, setActive, setAttributeNode, setCapture, setDate,setExpression, setFullYear, setHours, setMilliseconds, setMinutes, setMonth,setSeconds, setTime, setTimeout, setUTCDate, setUTCFullYear, setUTCHours,setUTCMilliseconds, setUTCMinutes, setUTCMonth, setUTCSeconds, setYear, shift,show, ShowBrowserUI, showHelp, showModalDialog, showModelessDialog, sin,slice, small, sort, splice, split, splitText,sqrt, start, stop, strike, sub, submit,substr, substring, substringData, sup, swapNode, tags,taintEnabled, tan, toExponential, toFixed, toGMTString, toLocaleLowerCase,toLocaleString, toLocaleUpperCase, toLowerCase, toPrecision, toSource, toString,toUpperCase, toUTCString, unescape( 2 ) unshift, urns, UTC,valueOf, write, writeln

From: http://sitestree.com/?p=5209
Categories:13
Tags:
Post Data:2011-05-25 12:23:37

    Shop Online: <a href='https://www.ShopForSoul.com/' target='new' rel="noopener">https://www.ShopForSoul.com/</a>
    (Big Data, Cloud, Security, Machine Learning): Courses: <a href='http://Training.SitesTree.com' target='new' rel="noopener"> http://Training.SitesTree.com</a> 
    In Bengali: <a href='http://Bangla.SaLearningSchool.com' target='new' rel="noopener">http://Bangla.SaLearningSchool.com</a>
    <a href='http://SitesTree.com' target='new' rel="noopener">http://SitesTree.com</a>
    8112223 Canada Inc./JustEtc: <a href='http://JustEtc.net' target='new' rel="noopener">http://JustEtc.net (Software/Web/Mobile/Big-Data/Machine Learning) </a>
    Shop Online: <a href='https://www.ShopForSoul.com'> https://www.ShopForSoul.com/</a>
    Medium: <a href='https://medium.com/@SayedAhmedCanada' target='new' rel="noopener"> https://medium.com/@SayedAhmedCanada </a>