Question

美好的一天！新手在这里。我只是想知道是否可以使用javascript更改html的整个内容？我这里有一些代码。（不是我的，但无论谁做到这一点，非常感谢你！）我不知道在哪里放置/插入新布局的所有代码，就像点击按钮一样，整个内容都会改变。非常感谢你帮助我。

<script language="Javascript">
  <!--
  var newContent='<html><head><script language="Javascript">function Hi()</script></head><body onload="Hi();"><p id="p">hello</p></body></html>';
  function ReplaceContent(NC) {
    document.write(NC);
    document.close();
  }
  function Hi() {
    ReplaceContent(newContent);
  }
  -->
</script>

Answer 1

是的，但是这个代码是无效的，除非你删除了评论标签，但是在页面加载后不使用document.write（），除非你想要覆盖页面中的所有内容，包括脚本

Answer 2

最简单的方法是使用jQuery。

    function insertHtml()
    {
         var newHtml = '<div><span>Hello World</span></div>';
         $('body').html(newHtml);


    }

这样的东西会用newHtml替换body的全部内容。您也可以使用.innerHtml属性使用纯javascript执行此操作，但jQuery有许多优点。

编辑：如果你想在DOM中添加一些东西而不是替换整个东西，请使用

    $('body').append(newHtml)

代替。这会将内容添加到正文的末尾。这通常用于向表中添加行。

使用javascript交换html内容

2 个答案: