Neste post é apenas comentado para que é usado, ou seja, redirecionamento de páginas. Mas vamos complementar com algumas informações.

A grande diferença entre eles é que o .replace é um método já o .href é uma propriedade.

Sendo assim, cada um tem um comportamento diferente.

O .replace faz com que a página seja substituída, desta forma não gerando histórico de navegação, já que a página é a mesma substituída por outra. Já o .href altera o identificador da página, sendo assim criando uma nova página e consecutivamente criando histórico.

Exemplos:

.href
.replace

Fica aqui uma questão para os gurus da NET, o por que dos dois seguintes exemplos não funcionarem corretamente?

.href
.replace

Favor deixas as considerações nos comentários =D

Um resumos segundo o próprio Jaydson:
“…Javascript é a linguagem de script mais popular da internet.
Porém, mesmo com toda essa fama, o Javascript ainda é incompreendido.
Segundo Douglas Crockford, um dos mestres da linguagem, essa incompreensão tem varias origens …”.

“…A palestra conta um pouco da história do Javascript, explicando o porque do prefixo JAVA no nome da linguagem entre outros detalhes. A palestra foca muito no desenvolvimento de Javascript profissional, como sugere o nome…”.

Agora veja os slides.

Javascript levado a sério.

Esta é uma página permanente para a descrição do método insertCell do DOM.

Para que serve?

Este método é usado para inserir uma célula em uma linha especificada de uma tabela (tr).

Ele também adiciona a nova célula na coleção de célula (cels collection)

Sintaxe

var oCel = TR.insertCell(index);

• TR é a referencia do Table Row(linha) aonde a célula vai ser inserida
• index é o índice aonde a nova célula vai ser inserida (o padrão é -1 que será a ultima célula da linha)
• oCel é a referencia da nova célula criada

Exemplo

<table>
  <tr id="linha0">
    <td>Célula Original</td>

  </tr>
</table>

<script type="text/javascript">

  function adicionaCelula(tableRowID)
  {

    // Pega a referência da linha
    var oLinha= document.getElementById(tableRowID);

    //insere a celula na linha na posição 0
    var novaCelula = oLinha.insertCell(0);

    // Adiciona um texto à célula
    var novoTexto  = document.createTextNode('Nova célula')
    novaCelula.appendChild(novoTexto);
  }

// Chama a função adicionaCelula passando como parametro o id da linha
adicionaCelula('linha0');

</script>

Aprenda a usar o método inserRow()

Veja um outro exemplo mais completo aqui

Referências:

MSDN
Mozila

• jGoogle,  Google Image Search.
• gFeed, Google Feed API
• jgChart, Google Charts API
• jquery-GoogleMaps, Google Maps
• jquery-offline, Google Gears
• jquery-googleanalytics, Google Analytics.
• jquery-spellcheck, Google SpellCheck
• jquery-traslate, Google Traslate.

Dica do Andrés Nieto

Esta é uma página permanente para a descrição do método insertrow do DOM.

Para que serve?

Este método é usado para inserir uma nova linha em uma tabela (tr).
Ele também adiciona a nova linha na coleção de linhas (rows collection)

Sintaxe

var oRow = HTMLTableElement.insertRow(index);

• HTMLTableElement é a referencia do elemento tabela do seu HTML
• index é o índice aonde a nova linha vai ser inserida (o padrão é -1 que será a ultima linha)
• oRow é a referencia a nova linha criada

Exemplo

<table id="minhaTabela">
  <tr>
    <td>Linha fixa</td>
  </tr>
</table>

<script type="text/javascript">

  function adicionarLinhaEmTabela(idDaTabela)
  {

    // Pega a referencia da tabela
    var oTable = document.getElementById(idDaTabela);

    // Insere a nova linha [(-1) para ser a última linha]
    var oNovaLinha_Tr   = oTable.insertRow(-1);

    // Insere uma celula na nova linha [(0) é o índice]
    // Em breve um novo tutorial sobre o insertCell
    var oNovaCelula_Td  = oNovaLinha_Tr.insertCell(0);

    // Adicionamos um texto para a nova célula
    var NovoTexto  = document.createTextNode('Nova Linha')
    oNovaCelula_Td.appendChild(NovoTexto);
  }

// Chamada da função adicionarLinhaEmTabela() com o id da tabela
adicionarLinhaEmTabela('minhaTabela');

</script>

Veja um outro exemplo mais completo aqui

Referências:
W3C

MSDN
Mozila
w3schools

Obrigado

Então vamos ao que nos interessa!!!

Assunto: Adicionar linhas dinamicamente em uma tabela;

Ferramentas: Editor html;

Tudo começa com o html.

<html>
    <head>
        <title>Criando linhas dinamicamente em tabelas</title>
    </head>
    <body>
    </body>
</html>

Agora iremos adicionar uma tabela entre as linhas 5 e 6 na nossa página, algo parecido com isso:

<table id='tabela' border='0' width='100%'>
        <tr style='background-color:#FBF6F7'>
            <td> &nbsp;</td>
            <td>Coluna um</td>
            <td>Coluna dois</td>
            <td>Coluna tres</td>
        </tr>
    </table>
<br />

A tabela tem uma linha e quatro colunas.

Agora entre as linhas 3 e 4 adicionamos as tags de script com o seguinte código:

<script LANGUAGE="JavaScript">
    totals =0;
    function adiciona(){
    totals++
        tbl = document.getElementById("tabela")

        var novaLinha = tbl.insertRow(-1);
        var novaCelula;

        if(totals%2==0) cl = "#F5E9EC";
        else cl = "#FBF6F7";

        novaCelula = novaLinha.insertCell(0);

        novaCelula.style.backgroundColor = cl

        novaCelula.innerHTML = "<input type='checkbox' name='chkt' />";

        novaCelula = novaLinha.insertCell(1);
        novaCelula.align = "left";
        novaCelula.style.backgroundColor = cl;
        novaCelula.innerHTML = "&nbsp; Linha"+totals+"";

        novaCelula = novaLinha.insertCell(2);
        novaCelula.align = "left";
        novaCelula.style.backgroundColor = cl;
        novaCelula.innerHTML = "&nbsp;ops3";

        novaCelula = novaLinha.insertCell(3);
        novaCelula.align = "left";
        novaCelula.style.backgroundColor =cl;
        novaCelula.innerHTML = "&nbsp;ops4";
    }

Explicando o código:

1. Variável totals; Serve apenas para função estética.
2. Função adicionar(): É a função que vai ser chamada para adicionar a nova linha.
3. Pego a tabela e insiro uma nova linha na posição especificada insertRow(-1);
4. Pego a linha e insiro uma célula na posição especificada insertCell(0) (X 4)
5. Pego a célula, coloco seu estilo e seu conteúdo através do innerHTML.

Agora só falta adicionar um botão chamando a função:

Meu código final ficou assim ;

<html>
<head>
    <title>Criando linhas dinamicamente em tabelas</title>
    <script LANGUAGE="JavaScript">
    totals =0;
    function adiciona(){
    totals++
        tbl = document.getElementById("tabela")

        var novaLinha = tbl.insertRow(-1);
        var novaCelula;

        if(totals%2==0) cl = "#F5E9EC";
        else cl = "#FBF6F7";

        novaCelula = novaLinha.insertCell(0);

        novaCelula.style.backgroundColor = cl

        novaCelula.innerHTML = "<input type='checkbox' name='chkt' />";

        novaCelula = novaLinha.insertCell(1);
        novaCelula.align = "left";
        novaCelula.style.backgroundColor = cl;
        novaCelula.innerHTML = "&nbsp; Linha"+totals+"";

        novaCelula = novaLinha.insertCell(2);
        novaCelula.align = "left";
        novaCelula.style.backgroundColor = cl;
        novaCelula.innerHTML = "&nbsp;ops3";

        novaCelula = novaLinha.insertCell(3);
        novaCelula.align = "left";
        novaCelula.style.backgroundColor =cl;
        novaCelula.innerHTML = "&nbsp;ops4";
    }
    </script>
</head>
<body>
    <table id='tabela' border='0' width='100%'>
        <tr style='background-color:#FBF6F7'>
            <td> &nbsp;</td>
            <td>Coluna um</td>
            <td>Coluna dois</td>
            <td>Coluna tres</td>
        </tr>
    </table>
<br />
<input type='button' id='incluir' value='incluir' onclick='adiciona()'/>
</body>
</html>

Testado em FF e IE 7.

Bom por hojé é só, agradeço a visita de todos.