Javascript eval() Alternative

naden — Mon, 28 Sep 2009 15:47:56 +0000

Auf ajaxian.com habe ich in eine nette Alternative zu eval() gefunden. Sehr spassig beim rumspielen mit dieser Möglichkeit hat sich erstmal mein Virenscanner gemeldet.

var code = 'alert(2);';
eval(code);
// oder
new Function(code)();

Via: ajaxian.com

CSS-Reset mit Javascript und ohne eval()

naden — Mon, 30 Mar 2009 12:51:38 +0000

Für einen konkreten Fall habe ich meine Funktionen zum CSS-Reset via Javascript etwas umgebaut. Ich brauchte eine Lösung, die auf den Aufruf der Funktion eval() verzichtet.

Hier die neue Implementierung von AddStyles ohne eval():

function AddStyles( element, styles ) {
  for( var k in styles ) {
    element.style[ k ] = styles[ k ];
  }
}

Die Werte werden nun als anonymes Javascript-Objekt übergeben, was auch sehr viel übersichtlicher ist:

var obj = document.getElementById( 'myelement' );
AddStyles( obj, {
 'border': '1px solid #081500', 
 'backgroundColor': '#906090', 
 'lineHeight' : '100%'
});

Wie immer ist zu beachten, dass Bindestriche in Attributsnamen entfernt und danach groß weiter geschrieben wird. Aus “background-color” wird demnach “backgroundColor“.

Update
Die CSS-Angabe float kann nicht 1:1 übersetzt werden. Für den Firefox muß cssFloat und für den Internet Explorer styleFloat benutzt werden. Man muß nicht zwangsläufig unterscheiden und kann einfach immer beide Werte setzen.

naden.de/blog » eval

Javascript eval() Alternative

CSS-Reset mit Javascript und ohne eval()