'Language/JAVASCRIPT'에 해당되는 글 106건

  1. 2013.02.22 자바스크립트
  2. 2012.11.22 팝업창에 POST로 값넘기기
  3. 2012.01.04 자바스크립트 정규식
  4. 2011.09.28 offsetWidth, offsetHeight, clientWidth, clientHeight, scrollWidth, scrollHeight
  5. 2011.09.28 자바스크립트 소스 정리
  6. 2011.09.28 scrollHeight, clientHeight, offsetHeight
  7. 2011.08.31 setTimeout
  8. 2011.08.31 javascript sleep
  9. 2011.08.09 body width, height [cross browsing]
  10. 2011.08.09 dynamic javaScript insertion

자바스크립트

Language/JAVASCRIPT 2013. 2. 22. 17:48

http://www.java2s.com/Tutorial/JavaScript/CatalogJavaScript.htm


1.Language Basics
1.1.Comments( 3 ) 1.6.Semicolon( 2 ) 
1.2.Expressions( 2 ) 1.7.Source File( 8 ) 
1.3.Keywords( 2 ) 1.8.Variable Scope( 1 ) 
1.4.SCRIPT Tag( 2 ) 1.9.Variables( 12 ) 
1.5.self( 1 ) 
2.Operators
2.1.Arithmetic operator( 15 ) 2.8.Conditional Operator( 4 ) 
2.2.Postfix operator( 4 ) 2.9.Relational Operators( 11 ) 
2.3.Prefix operator( 4 ) 2.10.new( 1 ) 
2.4.Assignment( 7 ) 2.11.delete( 1 ) 
2.5.Bitwise Operator( 19 ) 2.12.Mod( 3 ) 
2.6.Boolean Operators( 5 ) 2.13.typeof( 5 ) 
2.7.Comma Operator( 1 ) 2.14.Operator Precedence( 2 ) 
3.Statement
3.1.var( 1 ) 3.9.Break( 3 ) 
3.2.If( 7 ) 3.10.Label( 1 ) 
3.3.For In( 2 ) 3.11.With( 2 ) 
3.4.For Loop( 9 ) 3.12.void( 1 ) 
3.5.Switch( 7 ) 3.13.try catch( 3 ) 
3.6.while( 7 ) 3.14.throw( 2 ) 
3.7.Do While( 5 ) 3.15.Timing( 1 ) 
3.8.continue( 4 ) 3.16.Dynamic expressions( 1 ) 
4.Development
4.1.assert( 2 ) 4.7.Exception( 8 ) 
4.2.Browser Detect( 1 ) 4.8.instanceof( 1 ) 
4.3.Color( 1 ) 4.9.postError( 1 ) 
4.4.Cookie( 7 ) 4.10.Predefined Exceptions( 1 ) 
4.5.debug( 2 ) 4.11.this( 1 ) 
4.6.Error( 4 ) 4.12.Try Catch( 1 ) 
5.Number Data Type
5.1.Introduction( 15 ) 5.13.MIN_VALUE( 1 ) 
5.2.Boolean( 6 ) 5.14.NaN( 1 ) 
5.3.Integer( 8 ) 5.15.NEGATIVE_INFINITY( 1 ) 
5.4.Float( 4 ) 5.16.null( 1 ) 
5.5.Precision( 1 ) 5.17.POSITIVE_INFINITY( 1 ) 
5.6.Number Constructors( 3 ) 5.18.prototype( 1 ) 
5.7.Number Format( 1 ) 5.19.toExponential( 1 ) 
5.8.Type Conversion( 16 ) 5.20.toLocaleString( 1 ) 
5.9.Undefined( 1 ) 5.21.toPrecision( 1 ) 
5.10.valueOf( 2 ) 5.22.toSource( 1 ) 
5.11.Maximum Minimum Values( 1 ) 5.23.toString( 1 ) 
5.12.MAX_VALUE( 1 ) 
6.String
6.1.Introduction( 3 ) 6.21.match( 1 ) 
6.2.String comparisons( 5 ) 6.22.prototype( 1 ) 
6.3.String Constructors( 1 ) 6.23.replace( 2 ) 
6.4.String Declaration( 2 ) 6.24.search( 1 ) 
6.5.anchor( 1 ) 6.25.slice( 1 ) 
6.6.big( 1 ) 6.26.small( 1 ) 
6.7.blink( 1 ) 6.27.split( 4 ) 
6.8.bold( 1 ) 6.28.strike( 1 ) 
6.9.charAt( 3 ) 6.29.sub( 1 ) 
6.10.charCodeAt( 1 ) 6.30.substr( 2 ) 
6.11.concat( 1 ) 6.31.substring( 2 ) 
6.12.fixed( 1 ) 6.32.sup( 1 ) 
6.13.fontcolor( 1 ) 6.33.toLowerCase( 1 ) 
6.14.fontsize( 1 ) 6.34.toSource( 1 ) 
6.15.fromCharCode( 1 ) 6.35.toString( 1 ) 
6.16.indexOf( 3 ) 6.36.toUpperCase( 2 ) 
6.17.italics( 1 ) 6.37.valueOf( 1 ) 
6.18.lastIndexOf( 1 ) 6.38.Words( 3 ) 
6.19.length( 2 ) 6.39.StringBuffer( 1 ) 
6.20.link( 1 ) 
7.Function
7.1.Function Definition( 5 ) 7.5.Function Call( 6 ) 
7.2.Function Object( 9 ) 7.6.function keyword( 1 ) 
7.3.Function Parameters( 6 ) 7.7.Function Return( 5 ) 
7.4.arguments( 7 ) 7.8.Dynamic Function( 1 ) 
8.Global
8.1.Introduction( 1 ) 8.7.isFinite( 1 ) 
8.2.escape( 2 ) 8.8.isNaN( 2 ) 
8.3.eval( 1 ) 8.9.NaN( 1 ) 
8.4.export( 1 ) 8.10.parseFloat( 1 ) 
8.5.import( 1 ) 8.11.parseInt( 3 ) 
8.6.Infinity( 1 ) 8.12.unescape( 1 ) 
9.Math
9.1.Introduction( 1 ) 9.16.LOG2E( 2 ) 
9.2.abs( 1 ) 9.17.max( 4 ) 
9.3.acos( 1 ) 9.18.min( 4 ) 
9.4.asin( 1 ) 9.19.PI( 3 ) 
9.5.atan( 1 ) 9.20.pow( 1 ) 
9.6.atan2( 1 ) 9.21.random( 6 ) 
9.7.ceil( 1 ) 9.22.round( 3 ) 
9.8.cos( 1 ) 9.23.sin( 1 ) 
9.9.E( 2 ) 9.24.sqrt( 1 ) 
9.10.exp( 1 ) 9.25.SQRT1_2( 2 ) 
9.11.floor( 1 ) 9.26.SQRT2( 2 ) 
9.12.LN10( 2 ) 9.27.tan( 1 ) 
9.13.LN2( 2 ) 9.28.toSource( 1 ) 
9.14.log( 1 ) 9.29.toString( 1 ) 
9.15.LOG10E( 1 ) 
10.Form
10.1.Introduction( 8 ) 10.15.Text TextField( 14 ) 
10.2.Form Object( 15 ) 10.16.TextArea( 17 ) 
10.3.Element Type( 1 ) 10.17.Action( 2 ) 
10.4.Elements( 5 ) 10.18.enctype( 1 ) 
10.5.this( 1 ) 10.19.Focus( 1 ) 
10.6.Button( 15 ) 10.20.Hidden Object( 5 ) 
10.7.CheckBox( 19 ) 10.21.Length( 1 ) 
10.8.FileUpload( 14 ) 10.22.Method( 2 ) 
10.9.Option Object( 5 ) 10.23.Name( 1 ) 
10.10.Password( 13 ) 10.24.onSubmit( 1 ) 
10.11.Radio Button( 18 ) 10.25.Reset( 13 ) 
10.12.Select( 18 ) 10.26.submit button( 14 ) 
10.13.select option( 7 ) 10.27.Form Validation( 1 ) 
10.14.Text Object( 12 ) 
11.Array
11.1.Introduction( 11 ) 11.19.map( 2 ) 
11.2.Array Declaration( 7 ) 11.20.Pop( 3 ) 
11.3.Array Index( 5 ) 11.21.prototype( 1 ) 
11.4.Array Length( 6 ) 11.22.Push( 3 ) 
11.5.Array Loop( 5 ) 11.23.remove( 1 ) 
11.6.Multi Dimensional Array( 2 ) 11.24.removeAt( 1 ) 
11.7.String Indexer( 2 ) 11.25.Reverse( 2 ) 
11.8.Clone( 1 ) 11.26.Shift( 3 ) 
11.9.Concat( 3 ) 11.27.Slice( 3 ) 
11.10.contains( 1 ) 11.28.some( 1 ) 
11.11.Every( 1 ) 11.29.Sort( 8 ) 
11.12.filter( 1 ) 11.30.Splice( 6 ) 
11.13.forEach( 2 ) 11.31.Stack( 2 ) 
11.14.indexOf( 2 ) 11.32.sum( 3 ) 
11.15.insertAt( 1 ) 11.33.toSource( 2 ) 
11.16.insertBefore( 1 ) 11.34.toString( 1 ) 
11.17.Join( 3 ) 11.35.unshift( 4 ) 
11.18.lastIndexOf( 2 ) 11.36.valueOf( 2 ) 
12.Date
12.1.Introduction( 1 ) 12.25.prototype( 1 ) 
12.2.Date constructors( 2 ) 12.26.setDate( 1 ) 
12.3.Date Calculation( 2 ) 12.27.setFullYear( 1 ) 
12.4.Date Display( 1 ) 12.28.setHours( 1 ) 
12.5.getDate( 1 ) 12.29.setMilliseconds( 1 ) 
12.6.getDay( 3 ) 12.30.setMinutes( 1 ) 
12.7.getFullYear( 2 ) 12.31.setMonth( 1 ) 
12.8.getHours( 1 ) 12.32.setSeconds( 1 ) 
12.9.getMilliseconds( 1 ) 12.33.setTime( 1 ) 
12.10.getMinutes( 2 ) 12.34.setUTCDate( 1 ) 
12.11.getMonth( 3 ) 12.35.setUTCFullYear( 1 ) 
12.12.getSeconds( 1 ) 12.36.setUTCHours( 1 ) 
12.13.getTime( 1 ) 12.37.setUTCMilliseconds( 1 ) 
12.14.getTimezoneOffset( 2 ) 12.38.setUTCMinutes( 1 ) 
12.15.getUTCDate( 1 ) 12.39.setUTCMonth( 1 ) 
12.16.getUTCDay( 1 ) 12.40.setUTCSeconds( 1 ) 
12.17.getUTCFullYear( 1 ) 12.41.setYear( 1 ) 
12.18.getUTCHours( 1 ) 12.42.toGMTString( 1 ) 
12.19.getUTCMilliseconds( 1 ) 12.43.toLocaleString( 1 ) 
12.20.getUTCMinutes( 1 ) 12.44.toSource( 1 ) 
12.21.getUTCMonth( 1 ) 12.45.toString( 1 ) 
12.22.getUTCSeconds( 1 ) 12.46.toUTCString( 1 ) 
12.23.getYear( 1 ) 12.47.UTC( 1 ) 
12.24.parse( 2 ) 12.48.valueOf( 1 ) 
13.Dialogs
13.1.alert dialog( 6 ) 13.3.prompt( 3 ) 
13.2.confirm( 4 ) 
14.Document
14.1.Introduction( 2 ) 14.20.onclick( 2 ) 
14.2.alinkColor( 2 ) 14.21.ondblclick( 1 ) 
14.3.all( 5 ) 14.22.onkeydown( 1 ) 
14.4.anchors( 2 ) 14.23.onkeypress( 2 ) 
14.5.applets( 3 ) 14.24.onkeyup( 1 ) 
14.6.bgColor( 2 ) 14.25.onload( 1 ) 
14.7.captureEvents( 1 ) 14.26.onmousedown( 1 ) 
14.8.close( 1 ) 14.27.onmouseup( 1 ) 
14.9.cookie( 1 ) 14.28.onunload( 2 ) 
14.10.domain( 1 ) 14.29.open( 1 ) 
14.11.embeds( 2 ) 14.30.Plugin( 6 ) 
14.12.fgColor( 2 ) 14.31.plugins( 2 ) 
14.13.forms( 3 ) 14.32.referrer( 1 ) 
14.14.getSelection( 1 ) 14.33.Tag Reference( 2 ) 
14.15.images( 2 ) 14.34.title( 2 ) 
14.16.lastModified( 2 ) 14.35.URL( 1 ) 
14.17.linkColor( 2 ) 14.36.vlinkColor( 2 ) 
14.18.links( 4 ) 14.37.write( 8 ) 
14.19.MimeType( 5 ) 
15.Event
15.1.Event Object( 16 ) 15.7.Key Event( 12 ) 
15.2.Event Parameter( 4 ) 15.8.Mouse Event( 19 ) 
15.3.Event Type( 7 ) 15.9.Timer Event( 2 ) 
15.4.returnValue( 1 ) 15.10.Custom Event( 1 ) 
15.5.srcElement( 2 ) 15.11.zEvents( 3 ) 
15.6.Target( 4 ) 15.12.Event Handler( 10 ) 
16.Location
16.1.Location( 16 ) 
17.Navigator
17.1.Navigator Object( 17 ) 17.5.platform( 1 ) 
17.2.appName( 2 ) 17.6.plugins( 1 ) 
17.3.javaEnabled( 1 ) 17.7.userAgent( 2 ) 
17.4.mimeTypes( 1 ) 
18.Screen
18.1.Screen Object( 9 ) 18.2.Resolution( 1 ) 
19.Window
19.1.Introduction( 4 ) 19.9.onload( 2 ) 
19.2.Window Object( 59 ) 19.10.onresize( 1 ) 
19.3.close( 1 ) 19.11.onscroll( 1 ) 
19.4.location( 1 ) 19.12.open( 8 ) 
19.5.moveBy( 1 ) 19.13.scrollBy( 1 ) 
19.6.moveTo( 1 ) 19.14.setTimeout( 1 ) 
19.7.navigator( 1 ) 19.15.Status Bar( 3 ) 
19.8.onerror( 6 ) 
20.History
20.1.History( 10 ) 
21.HTML Tags
21.1.a link( 29 ) 21.9.img( 19 ) 
21.2.Anchor( 5 ) 21.10.removeAttribute( 1 ) 
21.3.Applet( 2 ) 21.11.setAttribute( 1 ) 
21.4.Area( 13 ) 21.12.Table Sorter( 1 ) 
21.5.body( 10 ) 21.13.Table( 2 ) 
21.6.DIV( 1 ) 21.14.td( 4 ) 
21.7.embed( 1 ) 21.15.this( 1 ) 
21.8.frameset( 7 ) 21.16.iframe( 1 ) 
22.Style
22.1.backgroundColor( 3 ) 22.13.setProperty( 1 ) 
22.2.Color( 2 ) 22.14.textDecoration( 3 ) 
22.3.Computed Style( 1 ) 22.15.top( 2 ) 
22.4.cssText( 1 ) 22.16.border( 1 ) 
22.5.currentStyle( 3 ) 22.17.font( 6 ) 
22.6.display( 1 ) 22.18.height( 1 ) 
22.7.getPropertyValue( 1 ) 22.19.lineHeight( 1 ) 
22.8.item( 1 ) 22.20.paddingLeft( 1 ) 
22.9.left( 2 ) 22.21.paddingTop( 1 ) 
22.10.pixelLeft( 1 ) 22.22.postion( 1 ) 
22.11.pixelTop( 1 ) 22.23.width( 1 ) 
22.12.removeProperty( 1 ) 
23.DOM Node
23.1.Introduction( 4 ) 23.12.innerText( 2 ) 
23.2.Append( 2 ) 23.13.Insert( 1 ) 
23.3.clone( 1 ) 23.14.nextNode( 1 ) 
23.4.createDocumentFragment( 1 ) 23.15.NodeFilter( 1 ) 
23.5.createElement( 2 ) 23.16.outerHTML( 1 ) 
23.6.createTextNode( 1 ) 23.17.outerText( 2 ) 
23.7.DOM Range( 1 ) 23.18.parentNode( 1 ) 
23.8.Extract Contents( 1 ) 23.19.Remove( 1 ) 
23.9.getElementById( 1 ) 23.20.Replace( 1 ) 
23.10.getElementsByTagName( 1 ) 23.21.Text Range( 6 ) 
23.11.innerHTML( 4 ) 23.22.TreeWalker( 2 ) 
24.Drag Drop
24.1.Drag Drop Event( 8 ) 24.6.ondragleave( 1 ) 
24.2.Drag Drop( 2 ) 24.7.ondragover( 1 ) 
24.3.ondrag( 1 ) 24.8.ondragstart( 1 ) 
24.4.ondragend( 1 ) 24.9.ondrop( 1 ) 
24.5.ondragenter( 1 ) 
25.Object Oriented
25.1.Introduction( 3 ) 25.7.this( 1 ) 
25.2.Object( 11 ) 25.8.Combination( 2 ) 
25.3.Constructor( 6 ) 25.9.Inheritance( 16 ) 
25.4.Member Function( 7 ) 25.10.instanceof( 1 ) 
25.5.Properties( 3 ) 25.11.zInherit( 4 ) 
25.6.prototype( 10 ) 
26.Regular Expressions
26.1.Introduction( 6 ) 26.5.Filter( 4 ) 
26.2.Credit Card( 4 ) 26.6.Match( 9 ) 
26.3.Date( 2 ) 26.7.RegExp Object( 21 ) 
26.4.EMail( 3 ) 26.8.URL( 1 ) 
27.XML
27.1.DOM( 1 ) 
28.GUI Components
28.1.Autocomplete Textbox( 1 ) 28.3.Table Sorter( 7 ) 
28.2.Menu( 1 ) 28.4.Tooltips( 1 ) 
29.Dojo toolkit
29.1.dojo basics( 5 ) 29.50.Text Editor( 4 ) 
29.2.addOnLoad( 1 ) 29.51.TextArea( 2 ) 
29.3.behavior( 3 ) 29.52.TextBox( 7 ) 
29.4.body( 1 ) 29.53.ValidationTextBox( 8 ) 
29.5.byId( 2 ) 29.54.DateTextBox( 6 ) 
29.6.clone( 2 ) 29.55.ComboBox( 6 ) 
29.7.connect( 5 ) 29.56.ComboButton( 3 ) 
29.8.disconnect( 1 ) 29.57.CurrencyTextBox( 3 ) 
29.9.every( 2 ) 29.58.NumberSpinner( 8 ) 
29.10.exist( 4 ) 29.59.NumberTextBox( 3 ) 
29.11.some( 2 ) 29.60.Menu( 3 ) 
29.12.filter( 1 ) 29.61.Popup Context Menu( 2 ) 
29.13.firebug console( 1 ) 29.62.ProgressBar( 6 ) 
29.14.foreach( 3 ) 29.63.Slider( 11 ) 
29.15.iframe( 1 ) 29.64.DropDownButton( 1 ) 
29.16.isDescendant( 2 ) 29.65.Accordion Pane( 5 ) 
29.17.isFunction( 1 ) 29.66.Dialog( 9 ) 
29.18.isInRange( 1 ) 29.67.InlineEditBox( 4 ) 
29.19.isObject( 1 ) 29.68.ColorPicker( 1 ) 
29.20.map( 2 ) 29.69.ColorPalette( 5 ) 
29.21.query( 7 ) 29.70.TimeTextBox( 2 ) 
29.22.regexp( 3 ) 29.71.TitlePane Disclosure( 4 ) 
29.23.registerModulePath( 1 ) 29.72.Toaster( 3 ) 
29.24.sprintf( 4 ) 29.73.ToggleButton( 3 ) 
29.25.setObject( 1 ) 29.74.ToolBar( 3 ) 
29.26.setSelectable( 2 ) 29.75.ToolTip( 3 ) 
29.27.stopEvent( 1 ) 29.76.TooltipDialog( 1 ) 
29.28.subscribe( 2 ) 29.77.Tree( 1 ) 
29.29.String( 13 ) 29.78.FilteringSelect( 2 ) 
29.30.StringBuilder( 5 ) 29.79.Fisheye( 2 ) 
29.31.Array( 8 ) 29.80.Rich Text Editor( 2 ) 
29.32.ArrayList( 12 ) 29.81.TabContainer( 7 ) 
29.33.Dictionary( 10 ) 29.82.BorderLayout( 4 ) 
29.34.Stack( 6 ) 29.83.LayoutContainer( 1 ) 
29.35.Math( 7 ) 29.84.Stack Container( 4 ) 
29.36.Number( 1 ) 29.85.SplitPane( 2 ) 
29.37.Calendar( 3 ) 29.86.Animation( 26 ) 
29.38.Color( 14 ) 29.87.Canvas Draw( 9 ) 
29.39.Cookie( 1 ) 29.88.coords( 1 ) 
29.40.Date( 10 ) 29.89.Browser History( 1 ) 
29.41.I18N Locale( 3 ) 29.90.Drag Drop( 6 ) 
29.42.objectToQuery( 1 ) 29.91.Icon( 4 ) 
29.43.place( 1 ) 29.92.JSON( 3 ) 
29.44.Class Definition( 3 ) 29.93.Sequence( 1 ) 
29.45.Currency Format( 3 ) 29.94.Style Class( 10 ) 
29.46.Button( 5 ) 29.95.Timer( 1 ) 
29.47.RadioButton( 2 ) 29.96.Toggler( 1 ) 
29.48.CheckBox( 8 ) 29.97.UUID( 8 ) 
29.49.Calendar Control( 1 ) 29.98.Validation( 9 ) 
30.jQuery
30.1.jQuery( 7 ) 30.76.param( 1 ) 
30.2.Selector( 31 ) 30.77.parents( 9 ) 
30.3.Selector Attribute( 14 ) 30.78.position( 1 ) 
30.4.Selector children( 7 ) 30.79.post( 1 ) 
30.5.Selector even odd index( 13 ) 30.80.prepend( 7 ) 
30.6.Selector first last( 10 ) 30.81.prev( 3 ) 
30.7.Selector Form( 27 ) 30.82.prevAll( 3 ) 
30.8.Selector ID( 9 ) 30.83.queue( 2 ) 
30.9.Selector relation( 10 ) 30.84.ready( 2 ) 
30.10.Selector table( 6 ) 30.85.remove( 1 ) 
30.11.Selector tag class( 11 ) 30.86.removeAttr( 2 ) 
30.12.add( 4 ) 30.87.removeClass( 5 ) 
30.13.addClass( 6 ) 30.88.replaceAll( 4 ) 
30.14.after( 6 ) 30.89.replaceWith( 3 ) 
30.15.andSelf( 2 ) 30.90.resize( 1 ) 
30.16.append( 6 ) 30.91.scroll( 2 ) 
30.17.appendTo( 3 ) 30.92.scrollLeft( 2 ) 
30.18.attr( 12 ) 30.93.scrollTop( 2 ) 
30.19.before( 6 ) 30.94.select( 3 ) 
30.20.bind( 6 ) 30.95.show( 9 ) 
30.21.blur( 3 ) 30.96.siblings( 4 ) 
30.22.change( 2 ) 30.97.size( 1 ) 
30.23.children( 5 ) 30.98.slice( 7 ) 
30.24.click( 4 ) 30.99.slideDown( 8 ) 
30.25.clone( 5 ) 30.100.slideToggle( 8 ) 
30.26.closest( 2 ) 30.101.slideUp( 10 ) 
30.27.contains( 1 ) 30.102.split( 2 ) 
30.28.contents( 3 ) 30.103.support( 11 ) 
30.29.css function( 14 ) 30.104.text( 10 ) 
30.30.dblclick( 1 ) 30.105.this( 3 ) 
30.31.document( 5 ) 30.106.toggle( 10 ) 
30.32.each( 15 ) 30.107.toggleClass( 3 ) 
30.33.empty( 2 ) 30.108.trigger( 9 ) 
30.34.end( 1 ) 30.109.triggerHandler( 1 ) 
30.35.eq( 4 ) 30.110.trim( 1 ) 
30.36.error( 1 ) 30.111.unbind( 6 ) 
30.37.extend( 2 ) 30.112.unique( 1 ) 
30.38.fadeIn( 5 ) 30.113.unload( 2 ) 
30.39.fadeOut( 6 ) 30.114.val( 7 ) 
30.40.fadeTo( 7 ) 30.115.width( 5 ) 
30.41.filter( 10 ) 30.116.window( 2 ) 
30.42.find( 4 ) 30.117.wrap( 7 ) 
30.43.focus( 5 ) 30.118.wrapAll( 4 ) 
30.44.fx( 2 ) 30.119.wrapInner( 4 ) 
30.45.get( 4 ) 30.120.Form Button( 9 ) 
30.46.Grep( 4 ) 30.121.Form CheckBox( 4 ) 
30.47.hasClass( 2 ) 30.122.Form Controls( 11 ) 
30.48.height( 6 ) 30.123.Form RadioButton( 3 ) 
30.49.hide( 7 ) 30.124.Form Select( 7 ) 
30.50.hover( 6 ) 30.125.Form Submit( 5 ) 
30.51.html( 10 ) 30.126.Form TextBox( 8 ) 
30.52.id( 2 ) 30.127.Event click( 3 ) 
30.53.Img( 1 ) 30.128.Event Double Click( 2 ) 
30.54.inArray( 1 ) 30.129.Event Key( 8 ) 
30.55.index( 6 ) 30.130.Event Mouse( 17 ) 
30.56.innerHeight( 1 ) 30.131.Event( 15 ) 
30.57.insertAfter( 7 ) 30.132.CSS( 13 ) 
30.58.insertBefore( 2 ) 30.133.Span( 10 ) 
30.59.is( 4 ) 30.134.Paragraph( 34 ) 
30.60.isArray( 1 ) 30.135.DIV( 27 ) 
30.61.isFunction( 1 ) 30.136.UL LI( 12 ) 
30.62.Join( 3 ) 30.137.Animation( 26 ) 
30.63.length( 1 ) 30.138.Table( 21 ) 
30.64.live( 1 ) 30.139.UI Accordion( 20 ) 
30.65.load( 1 ) 30.140.UI Datepicker( 20 ) 
30.66.map( 17 ) 30.141.UI Dialog( 19 ) 
30.67.merge( 3 ) 30.142.UI Draggable( 25 ) 
30.68.next( 4 ) 30.143.UI Droppable( 12 ) 
30.69.nextAll( 3 ) 30.144.UI Effects( 18 ) 
30.70.nodeType( 1 ) 30.145.UI Progessbar( 3 ) 
30.71.not( 3 ) 30.146.UI Resizable( 14 ) 
30.72.offset( 4 ) 30.147.UI Selectable( 6 ) 
30.73.one( 2 ) 30.148.UI Slider( 13 ) 
30.74.outerHeight( 1 ) 30.149.UI Sortable( 14 ) 
30.75.outerWidth( 2 ) 30.150.UI Tab( 19 ) 
31.Animation
31.1.Clock( 2 ) 31.3.Text( 2 ) 
31.2.Status Bar( 2 ) 31.4.Timer( 2 ) 
32.MS JScript
32.1.ActiveXObject( 1 ) 32.17.jscript_build( 1 ) 
32.2.alpha( 1 ) 32.18.jscript_version( 1 ) 
32.3.cc_on( 1 ) 32.19.mac( 1 ) 
32.4.Dictionary( 10 ) 32.20.mc680x0( 1 ) 
32.5.Drive( 13 ) 32.21.PowerPC( 1 ) 
32.6.Drives( 3 ) 32.22.ScriptEngine( 1 ) 
32.7.Enumerator( 5 ) 32.23.ScriptEngineBuildVersion( 1 ) 
32.8.Error( 3 ) 32.24.ScriptEngineMajorVersion( 1 ) 
32.9.File( 15 ) 32.25.ScriptEngineMinorVersion( 1 ) 
32.10.Files( 3 ) 32.26.Scripting Engine Version( 1 ) 
32.11.FileSystemObject( 26 ) 32.27.set( 1 ) 
32.12.Folder( 19 ) 32.28.TextStream( 14 ) 
32.13.Folders( 4 ) 32.29.VBArray( 6 ) 
32.14.GetObject( 1 ) 32.30.win16( 1 ) 
32.15.if( 1 ) 32.31.win32( 1 ) 
32.16.jscript( 1 ) 32.32.x86( 1 ) 

:

팝업창에 POST로 값넘기기

Language/JAVASCRIPT 2012. 11. 22. 11:49

<script>
function OpenPop(url,name,width,height)
 {
     window.open("", "pop", "width=600, height=400"); // 먼저 빈 창을 pop 라는 이름으로 열어놓고
     document.form2.action = "test.aspx"; // '팝업주소.aspx' 를 form2이 실행될 action 으로 지정한다.
     document.form2.target = "pop"; // 이 부분이 핵심! 열어놓은 빈 창(pop)을 form2가 날아갈 target으로 정한다.
     document.form2.method = "post"; // target에 submit할 방식을 post 방식으로 지정한다.
     document.form2.submit(); // target에 쏜다.

 }
</script>

 

---------------------------html 단--------------------------

 

<body>
<form id="form1" runat="server">

<input type="text" name="ddd" size="10" maxlength="10" value="sss" />
<a href="javascript:OpenPop('', '', '', '');"> Click!!</a>

</form>
<form id="form2" name="form2">
<input type="text" name="postdata" size="10" maxlength="10" value="data"/>
</form>
</body>

 

form1에서 팝업으로 넘길 을 form2의 개체에 담아 놓고

팝업 띄우기 함수를 클릭했을때 form2의 action과 target을 정해서 form2를 submit 시킨다.


출처 - http://cafe.naver.com/xlancer/412

'Language > JAVASCRIPT' 카테고리의 다른 글

XMLHttpRequest  (0) 2013.04.29
자바스크립트  (0) 2013.02.22
자바스크립트 정규식  (0) 2012.01.04
offsetWidth, offsetHeight, clientWidth, clientHeight, scrollWidth, scrollHeight  (0) 2011.09.28
자바스크립트 소스 정리  (0) 2011.09.28
:

자바스크립트 정규식

Language/JAVASCRIPT 2012. 1. 4. 23:51

정규 표현식
  - 정해진 패턴을 사용해서 패턴에 일치하는 데이터 검색을 지원하는 표현식

 

특수문자

1.  '.' 특수 문사
   1-1 설명 : '.'는 어떤 글자던 임의의 한 글자를 가르킨다.
   1-2 예제 : a.c = abc, acc, adc 등  한글자만 대신한다.
    - ex) s.e -> sae, sbe, sce, sde ...
           .ce -> ace, kce, dce ...

 

2. '*' 특수 문자
   
2-1 설명 : '*'는 바로 앞의 문자를 의미, 그 문자가 없거나 하나 이상임을 나타낸다.
   2-2 예제 : a*b = baabaaab 등 b앞에 a가 없거나 하나 이상 존재하는 문자열과 일치
    - ex) s*e -> e, se, sse, ssse ...
           abc* -> ab, abc, abcc, abccc ...
           h*im -> im, him, hhim, hhhim ...

 

3. '+' 특수 문자
   3-1 설명 : '+'는 바로 앞의 문자를 의미, 그 문자가 하나 이상인 패턴을 가리킨다
   3-1-1 추가 설명 :  '*' 와 마찬가지로 앞에 하나의 문자가 있어야한다.
   3-2 예제 : a+b = abaababfsfb등 b앞에 a가 최소 하나 이상 존재하는 문자열과 일치
    - ex) s+e -> se, sse, ssse ...

 

4. '?' 특수 문자
   4-1 설명 : '?' 는 바로 앞의 문자를 나타내고 그 문자가 없거나 1개임을 나타낸다.
   4-1 예제 : ab?c = acabc a와 c사이에 b가 있거나 없는 문자와 일치
    - ex) th?e -> te, the

 

5. '^' 특수 문자
   5-1 설명 : '^'는 바로 뒤의 문자열을 의미 그 문자열로 시작되는 것을 나타냄
   5-2 예제 : ^abc = abc is alpabet, abcdefg 등의 문자열과 일치
    - ex) ^The -> The girl is, Theater
           ^a?bc ->bc, abc ...
           ^.e -> he, me, request, settle ...
           ^s.e? -> sa, sae, sb, sbe ...

 

6. '$' 특수 문자
   6-1 설명 : '$'는 바로 앞의 문자열을 의미하며 그 문자열로 끝나는것을 나타낸다.
   6-1-1 추가 설명 : '^'가 제일 앞에 들어가면 '$'는 문자열 끝부분 패턴을 나타낸다.
   6-2 예제 : ab= dddab, cccab, eeeab등 ab로 끝나는 문자열과 일치
    - ex) a?bc$ -> eeabc, seebc, bc ...
           t.e$ -> onthetoe, bctae, appetitte ...
           s?e+$ -> e, se, ee, eee, seee, seee ...

 

7. '[]' 특수 문자
   7-1 설명 : '[]'안에 있는 문자열중 하나를 포함한 문자를 의미한다.
   7-1-1 추가 설명 : '[]'안에서는  ' - ' 로범위지정이 가능하다. 예:[a-c] = abc
   7-2 예제 : [abc]d = affdbegdcard 등 a,b,c를 포함한 문자열과 일치
    - ex) [ab]cd -> acd, bcd ...
           ^[ab]cd -> acdtest, bcdest ...
           [a-z] -> 영문소문자
           [a-zA-Z] -> 영문자
           [0-9] -> 숫자
           ag[a-z] -> aga, agbcd, agzzz ...
           ^ab[cd]ef -> abcef, abdef ...
           ^[a-zA-Z] -> 영문자로 시작
           [a-zA-Z0-9]$ -> 영문자나 숫자로 종료
          
 [^a-zA-Z] -> 영문자는 제외(^이 []안에 들어가면 의미가 틀려짐)

 

8. '{}' 특수 문자
   8-1 설명 : '{}'는 앞에 있는 문자나 문자열의 개수를 나타낸다.
   8-2 예제 : a{2}b = aa
b
    - ex) a{2}b -> aab
            a{2,}b -> aab, aaab, aaaab ...
            a{2,3}b -> aab, aaab


9. '()' 특수 문자
   9-1 설명 : '()'안에있는 문자열을 그룹화 한다. 
   9-2 예제 : a(bc) = abcbcabcbcbc abc를 포함한 모든문자열과 일치
                 
단, abc중 bc는 한 그룹이다.
    - ex) a(bc){2} -> abcbc
            a(bc)* -> abcbcbc ...

 

10. '|' 특수문자
   10-1 설명 : '|' 는
 or 연산자이다
   10-2 예제 : i | you = am busy, you have... 등 i나 you를 포함한 문자열과 일치
    - ex) he|she -> he, she is ...
           (he|she)is -> heis, sheis ...

11. 특수 문자 사용
   - ^ . [ ] $ ( ) | * + ? { } \
   - 앞에 \붙혀서 사용
   - ex) \*+ -> *가 하나 이상 포함된 패턴

 

12. 문자 클래스
   12-1 : [[:alpha:]] 알파벳 문자중 하나
 [a-zA-Z], [a-Z]와 동일
   12-2 : [[:digit:]] 숫자 한자를 의미 
[0-9] 와동일
   12-3 : [[:alnum:]] 알파벳 문자나 숫자중 하나를 의미 
[a-zA-Z0-9]와 동일
   12-4 : [[:space:]] 공백 문자

 

문자 클래스
1. \w [a-zA-Z_0-9] 단어 문자를 나타냅니다.
2. \W [^a-zA-Z_0-9] 단어 문자가 아닌 문자를 나타냅니다.
3. \s [ \f\n\r\t\v] 공백 문자를 나타냅니다.
4. \S [^ \f\n\r\t\v] 공백 문자가 아닌 문자를 나타냅니다.
5. \d [0-9] 10십진수를 나타냅니다. 
6. \D [^0-9]10진수가 아닌 숫자를 나타냅니다.

[출처] HTML/JavaScript 정규식 |작성자 ezmo01

:

offsetWidth, offsetHeight, clientWidth, clientHeight, scrollWidth, scrollHeight

Language/JAVASCRIPT 2011. 9. 28. 16:20

'Language > JAVASCRIPT' 카테고리의 다른 글

팝업창에 POST로 값넘기기  (0) 2012.11.22
자바스크립트 정규식  (0) 2012.01.04
자바스크립트 소스 정리  (0) 2011.09.28
scrollHeight, clientHeight, offsetHeight  (0) 2011.09.28
setTimeout  (0) 2011.08.31
:

자바스크립트 소스 정리

Language/JAVASCRIPT 2011. 9. 28. 16:15

'Language > JAVASCRIPT' 카테고리의 다른 글

자바스크립트 정규식  (0) 2012.01.04
offsetWidth, offsetHeight, clientWidth, clientHeight, scrollWidth, scrollHeight  (0) 2011.09.28
scrollHeight, clientHeight, offsetHeight  (0) 2011.09.28
setTimeout  (0) 2011.08.31
javascript sleep  (0) 2011.08.31
:

scrollHeight, clientHeight, offsetHeight

Language/JAVASCRIPT 2011. 9. 28. 16:12
각 단위는 픽셀 단위입니다.
scrollHeight : 스크롤바 높이를 뺀 내용 전체의 높이
clientHeight : 스크롤바 높이를 뺀 가시적인 높이

offsetHeight : 스크롤바 높이를 포함한 가시적인 높이

[출처] s



출처 : http://sch791129.blog.me/20108614389

'Language > JAVASCRIPT' 카테고리의 다른 글

offsetWidth, offsetHeight, clientWidth, clientHeight, scrollWidth, scrollHeight  (0) 2011.09.28
자바스크립트 소스 정리  (0) 2011.09.28
setTimeout  (0) 2011.08.31
javascript sleep  (0) 2011.08.31
body width, height [cross browsing]  (0) 2011.08.09
:

setTimeout

Language/JAVASCRIPT 2011. 8. 31. 09:19
<script type="text/javascript">
function Func1()
{
alert("Delayed 3 seconds");
}

function Func1Delay()
{
setTimeout("Func1()"3000);
}

</script>

'Language > JAVASCRIPT' 카테고리의 다른 글

자바스크립트 소스 정리  (0) 2011.09.28
scrollHeight, clientHeight, offsetHeight  (0) 2011.09.28
javascript sleep  (0) 2011.08.31
body width, height [cross browsing]  (0) 2011.08.09
dynamic javaScript insertion  (0) 2011.08.09
:

javascript sleep

Language/JAVASCRIPT 2011. 8. 31. 09:19

DevCheater.com - javascript sleep

Have you ever needed the sleep command in JavaScript? Usually you can use the existing setTimeout(), clearTimeout() and setInterval() to accomplish what you want and in those cases you should use the native functions. But if you really need the sleep or wait statement lets go through the options and see what code might work the best.

Of course you can always skip to the conclusion.

What should the requirements of the sleep method be? I think power basic described it the most clearly as:
Pause the current thread of the application for a specified number of milliseconds (mSec), allowing other processes (or threads) to continue.
Power Basic sleep() - Win32 Sleep() - Java Thread.sleep()

The different ways in which we will make a javascript sleep function are:

JavaScript sleep by loop

The most basic way would be something like this:

1.<script type="text/javascript">
2.// bad implementation
3.function sleep(milliSeconds){
4.var startTime = new Date().getTime(); // get the current time
5.while (new Date().getTime() < startTime + milliSeconds); // hog cpu
6.}
7.</script>

We are using a while loop on line 3 that continually evaluates the current time against the time when we should stop blocking. This loop will run as fast as the browser will let it all the while using up valuable cpu resources. Checking the time might not seem like much but doing it thousands (or tens of thousands) of times per second make a noticeable performance impact on your computer (try it and watch your cpu meter). This code will "pause" your thread but will also use all the resources your computer will give it. javascript sleep by loop example

Analysis for javascript sleep loop

This implementation does block the running javascript but it also consumes all the CPU resources it can while sleeping and freezes all other javascript in the page (in all browsers tested).

JavaScript sleep by Java Applet

One solution to the problem has ended up being in a Java Applet. Since you can communicate between javascript and java applets and that communication is blocking we can use Java's Thread.sleep() method (which when run uses almost no resources).

01.<applet code="DevCheater.class" name="devCheater" id="devCheater"mayscript="true" height="1" width="1"></applet>
02. 
03.<script type="text/javascript">
04. 
05.function sleep(milliSeconds){
06.// runs Java Applets sleep method
07.document.devCheater.sleep(milliSeconds);
08.}
09. 
10.</script>

This version might look simpler then the last one but that is because some of the code is hidden away in the DevCheater.class Java file. On line 1 you can see an applet tag that utilizes my DevCheater.class Java class, this is what loads the Java program into the page so that it can be accessed by any javascript on it. Now this is where the bad news comes in. Not all browsers will allow other javascript to run while waiting for the Java sleep method to finish. Essentially sleeping all javascript on the page... See for your self JavaScript sleep by java applet example

Analysis for Java Applet

We do block the running javascript and no extra CPU resources are used while sleeping. This method does not freeze all other javascript in the page (except when using Chrome). Unfortunately it does require a java plug-in to be installed for their browser which limits its usefulness.

JavaScript sleep by Flash

If we try using Java then why not adobe flash too. In this attempt I created a flash application that has a method called very unoriginally "flashSleep()". I now use javascript to call my flash method and pass in the number of milliseconds to sleep. But unfortunately this method also results in a freeze for most browsers I tested.

01.<script type="text/javascript">
02. 
03.function sleep(milliSeconds){
04.// call sleep method in flash
05.getFlashMovie("flashSleep").flashSleep(milliSeconds);
06.}
07. 
08.function getFlashMovie(movieName){
10.var isIE = navigator.appName.indexOf("Microsoft") != -1;
11.return (isIE) ? window[movieName] : document[movieName];
12.}
13. 
14.</script>
1.<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0"width="50" height="50" id="flashSleep" align="middle">
2.<param name="allowScriptAccess" value="sameDomain" />
3.<param name="allowFullScreen" value="false" />
4.<param name="movie" value="flashSleep.swf" />
5.<param name="quality" value="high" />
6.<param name="bgcolor" value="#ffffff" /> 
7.<embed src="flashSleep.swf" quality="high" bgcolor="#ffffff" width="50"height="50" name="flashSleep" align="middle"allowScriptAccess="sameDomain" allowFullScreen="false"type="application/x-shockwave-flash"pluginspage="http://www.macromedia.com/go/getflashplayer" />
8.</object>

Analysis for Flash

Using adobe flash is no better then the rest when it comes to freezing. For that reason this method should not be used. javascript sleep by flash example

JavaScript sleep by XMLHttp

Another way is to use server communication with XMLHttp.

01.<script type="text/javascript">
02. 
03.function sleep(milliSeconds){
04.var resource;
05.var response;
06.if(typeof ActiveXObject == 'undefined'){
07.resource = new XMLHttpRequest();
08.}
09.else{
10.// IE
11.resource = new ActiveXObject("Microsoft.XMLHTTP");
12.}
13. 
14.try{
15.resource.open('GET''sleep.php?milliSeconds=' + milliSeconds,false);
16.resource.send(null);
17.response = resource.responseText; // JavaScript waits for response
18.}
19.catch(e){
20.alert(e);
21.}
22. 
23.return true;
24.}
25. 
26.</script>
01.<?PHP
02.$milliSeconds intval($_REQUEST['milliSeconds']);
03.if($milliSeconds > 60*1000){
04.// limit server abuse
05.$milliSeconds = 10;
06.}
07. 
08.usleep($milliSeconds * 1000); // note: usleep is in micro seconds not milli
09.echo "done";
10.?>
Here we try to load another file from the server called sleep.php and send the the number of milli seconds we want the sleep to be. The PHP script then uses that value in its native usleep function. But again some browsers will freeze all javascript when this is run. javascript sleep by XMLHttp example

Note: Any type of server software could be used in the place of Apache and PHP. IIS and ASP for example.

Analysis for XMLHttp

This does block the running javascript and no extra CPU resources are used on the user’s computer but it does add extra load on your server. As well this implementation does freeze all other javascript on the page in all browsers tested. The added server connections makes this method unacceptable for any use because it is bound to max out the servers allowed connections, essentially creating your own DDoS attacks on your server :-(

'Language > JAVASCRIPT' 카테고리의 다른 글

scrollHeight, clientHeight, offsetHeight  (0) 2011.09.28
setTimeout  (0) 2011.08.31
body width, height [cross browsing]  (0) 2011.08.09
dynamic javaScript insertion  (0) 2011.08.09
자바스크립트 맵, javaScript Map  (0) 2011.08.09
:

body width, height [cross browsing]

Language/JAVASCRIPT 2011. 8. 9. 11:41
getBodyWidth: function () {
var IEWidth = document.body.clientWidth;
var FFWidth = document.documentElement.clientHeight;
var bodyWidth = FFWidth>IEWidth?FFWidth:IEWidth;
return bodyWidth;
},
getBodyHeight: function () {
var IEHeight = document.body.clientHeight;
var FFHeight = document.documentElement.clientHeight;
var bodyHeight = FFHeight>IEHeight?FFHeight:IEHeight;
return bodyHeight;
}

'Language > JAVASCRIPT' 카테고리의 다른 글

setTimeout  (0) 2011.08.31
javascript sleep  (0) 2011.08.31
dynamic javaScript insertion  (0) 2011.08.09
자바스크립트 맵, javaScript Map  (0) 2011.08.09
클래스명으로 엘리멘트 얻기, getElementsByClassName()  (0) 2011.08.09
:

dynamic javaScript insertion

Language/JAVASCRIPT 2011. 8. 9. 11:38
function JSONscriptRequest(fullUrl) {
this.fullUrl = fullUrl;
this.headLoc = document.getElementsByTagName("head").item(0);
};

JSONscriptRequest.prototype.buildScriptTag = function () {
this.scriptObj = document.createElement("script");
this.scriptObj.setAttribute("type", "text/javascript");
this.scriptObj.setAttribute("src", this.fullUrl);
};

JSONscriptRequest.prototype.removeScriptTag = function () {
this.headLoc.removeChild(this.scriptObj);
};

JSONscriptRequest.prototype.addScriptTag = function () {
this.headLoc.appendChild(this.scriptObj);
};

var JSONscript = new JSONscriptRequest(req);
JSONscript.buildScriptTag();
JSONscript.addScriptTag(); 
: