Does document body innerHTML clear the web page

Question

When I refresh the page below in FF 3 0  I expected the web page to clear but it didn t   Why doesn t document body innerHTML      clear the page   UPDATE  I am trying to clear the previous screen during a refresh while the new page is loading  I actually want to see the page clear  wait and then the next js running  I don t want to clear the screen after the page has loaded        lt body gt       lt script type  text javascript  gt          document body innerHTML               for  var i   0  i  lt  1000000000  i                     lt  script gt        lt img src  images web gif    gt  lt br   gt        lt script type  text javascript  gt          document write   hello lt br   gt          lt  script gt        lt img src  images warning png    gt  lt br   gt    lt  body gt

User · Answer

To expound on Douwem s answer  in your script tag  put your code in an onload    lt script type  text javascript  gt      window onload function           document body innerHTML              lt  script gt

User · Answer

Using document body innerHTML       does work  Just saying  if using HTML  DOM or on function  you can usedocument writeln      but only onClick or onDoubleClick

User · Answer

document body innerHTML       does clear the body  yeah  But it clears the innerHTML as it is at the moment the code is ran  As you run the code before the images and the script are actually in the body  it tries to clear the body  but there s nothing to clear    If you want to clear the body  you have to run the code after the body has been filled with content  You can do this by either placing the  lt script gt  block as the last child of body  so everything is loaded before the code is ran  or you have to use some way to listen to the dom loaded event

User · Answer

I clear my screen using is function that   var clear body   function         var lista   document body childNodes      for  var i   lista length - 1  i  gt   0  i--           document body removeChild lista i

User · Answer

Whilst agreeing with Douwe Maan and Erik s answers  there are a couple of other things here that you may find useful   Firstly  within your head tags  you can reference a separate JavaScript file  which is then reusable    lt script language  JavaScript  src   common common js  gt  lt  script gt    where common js is your reusable function file in a top-level directory called common   Secondly  you can delay the operation of a script using setTimeout  e g    setTimeout someFunction  5000     The second argument is in milliseconds   I mention this  because you appear to be trying to delay something in your original code snippet

User · Answer

As others were saying  an easy solution is to put your script at the bottom of the page  because all DOM elements are loaded synchronously from top to bottom  Otherwise  I think what you re looking for is document onload      gt   callback body   or window onload      gt   callback body   as Erik said  These allow you to execute you script when the dom loaded event is fired as Douwe Maan said  Not sure about the properties of window onload  but document onload is triggered only after all elements  css  and scripts are loaded  In your case    lt script type  text javascript  gt      document onload      gt          document body innerHTML              lt  script gt    or  If you are using an old browser    lt script type  text javascript  gt      document onload function             document body innerHTML               lt  script gt

User · Answer

I m not sure what you re trying to achieve  but you may want to consider using jQuery  which allows you to put your code in the head tag or a separate script file and still have the code executed after the DOM has loaded   You can then do something like      document  ready function       document  remove          as well as selectively removing elements  all DIVs  only DIVs with certain classes  etc

[javascript] Does document.body.innerHTML = "" clear the web page?

Examples related to javascript

Examples related to firefox

Examples related to dom

Examples related to innerhtml