display javascript code in a html page - Stack Overflow

admin管理员组

文章数量:1324844

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 ?

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 ?

• javascript
• html
• internet-explorer-6

Share Improve this question Follow asked Dec 29, 2011 at 10:15 CaiNiaoCoderCaiNiaoCoder 3,3191010 gold badges5353 silver badges8282 bronze badges

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 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.

Replace < symbol by < and > by >.

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");
    }
}

本文标签： display javascript code in a html pageStack Overflow