display javascript code in a html page

Question

On IE Quirks mode, I want to use following code to display some javascript functions on a html page:

document.write('<pre>' + someFunction + '</pre>');

But if a function's source contains '<', only source code ahead of '<' will be displayed.

for example :

function a(j){
   var i = 0;
   if(i<j){
       alert(j + ' is greater than zero');
   }
}

will be displayed as :

function a(j){
       var i = 0;
       if(i

how to make it display the full source code of a function ?

TKV · Accepted Answer · 2011-12-29 10:24:39Z

5

instead of using that '<' or '>' symbols you can use their html rxpressions.

Eg < instead of < and > instead of > .

This will solve your problem . Try this.

answered Dec 29, 2011 at 10:24

TKV

2,70111 gold badges44 silver badges56 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

cambraca · Accepted Answer · 2011-12-29 16:05:57Z

2

Replace < symbol by < and > by >.

cambraca

28k17 gold badges71 silver badges102 bronze badges

answered Dec 29, 2011 at 10:20

Acn

1,0762 gold badges12 silver badges22 bronze badges

Asmor · Accepted Answer · 2011-12-29 16:12:46Z

1

Use .replace(), e.g.

function foo(i) {
  if (i < 10) {
    alert("bar");
  }
}
document.write("<pre>"+foo.toString().replace("<","&lt;")+"</pre>");

outputs:

function foo(i) {
    if (i < 10) {
        alert("bar");
    }
}

answered Dec 29, 2011 at 16:12

Asmor

5,2116 gold badges36 silver badges42 bronze badges