Différences

Ci-dessous, les différences entre deux révisions de la page.

--- informatique:javascript:tests_de_compatibilite [04/05/2018 20:28] – cyrille
+++ informatique:javascript:tests_de_compatibilite [05/05/2018 19:17] (Version actuelle) – cyrille
@@ Ligne 1: / Ligne 1: @@
 ====== Is javascript works ? ======
+Should be write 'OK' :
 <html>
 <script>
-document.write('Ok');
+document.write('<b>Ok</b>');
 </script>
 </html>
-If it's not writed OK, no javascript available.
+====== toLocaleDateString() ======
+<html>
+<script>
+var d = '04/05/2018';
+document.write('<b>date string: ' + d +'</b><br/>');
+d = new Date(Date.parse(d));
+document.write('<b>fr: ' + d.toLocaleDateString('fr') +'</b><br/>');
+document.write('<b>en: ' + d.toLocaleDateString('en') +'</b>');
+</script>
+</html>
+===== Workaround =====
+<html>
+<script>
+function date_as_slug( date )
+{
+ var y = date.getFullYear(),
+ m = 1+date.getMonth(),
+ d = date.getDate(),
+ h = date.getHours(),
+ mn = date.getMinutes();
+ return y + (m<10?'0'+m:m) + (d<10?'0'+d:d) + '-' + (h<10?'0'+h:h) + (mn<10?'0'+mn:mn) ;
+}
+document.write( '<b>' + date_as_slug(new Date()) +'</b><br/>' );
+var date = '04/05/2018';
+d = new Date(Date.parse(date));
+document.write('<b>' + date +' => '+ d +' => '+ date_as_slug( d ) +'</b><br/>');
+date = '2018-05-04';
+d = new Date(Date.parse(date));
+document.write('<b>' + date +' => '+ d +' => '+ date_as_slug( d ) +'</b><br/>');
+</script>
+</html>
+====== Object copy ======
+===== Object.assign() - only scalar properties =====
+Should be write 1,2 :
+<html>
+<script>
+try {
+ var o1 = { a:1 };
+ var o2 = Object.assign( o1, { b:2 } );
+ document.write( '<b>' + o2.a +','+ o2.b + '</b>' );
+} catch ( e ){
+ document.write( '<p>ERROR: ' + e.message + '</p>' );
+}
+</script>
+</html>
+===== Object.assign() - complex properties =====
+Should be write 1,2 :
+<html>
+<script>
+try {
+ var o1 = { a:1 };
+ var o2 = Object.assign( o1, { b:function(){ return 2;} } );
+ document.write( '<b>' + o2.a +','+ o2.b() + '</b>' );
+} catch ( e ){
+ document.write( '<p>ERROR: ' + e.message + '</p>' );
+}
+</script>
+</html>
+===== Object.create() - complex properties =====
+Should be write 1,2 :
+<html>
+<script>
+try {
+ var o1 = { a:1, b:function(){ return 2;} };
+ var o2 = Object.create( o1 );
+ document.write( '<b>' + o2.a +','+ o2.b() + '</b>' );
+} catch ( e ){
+ document.write( '<p>ERROR: ' + e.message + '</p>' );
+}
+</script>
+</html>