使用 Javascript 替换整个页面(包括头部)

2024-03-03

我有一个传递字符串的 Javascript 函数。它传递的字符串是整个网页,包括标题。我需要 Javascript 来用新内容替换整个当前页面、头部和所有内容。

考虑以下 HTML 文件:

<html>
  <head>
    <script language="Javascript">
      <!--
      var newContent='<html><head><script language="Javascript">function Hi() {alert("Goodbye World");}</script></head><body onload="Hi();">New Content</body></html>';
      function ReplaceContent(NC) {
        document.body.innerHTML=NC;
      }
      function Hi() {
        alert("Hello World");
        ReplaceContent(newContent);
      }
      -->
    </script>
  </head>
  <body onload="Hi();">
    Original Content
  </body>
</html>

在这种情况下,传递的字符串是:

<html><head><script language="Javascript">function Hi() {alert("Goodbye World");}</script></head><body onload="Hi();">New Content</body></html>

但当然,由于“ReplaceContent”函数仅替换正文,而不替换标题,因此我从未收到“再见世界”警报。

忽略“我为什么要这样做”,如何动态替换整个页面,包括标题和 JavaScript 函数?

请记住“源”html(上面的“newContent”)仅作为字符串存在,它不存在于任何服务器上,因此我不能直接重定向到它。

我对上面的“ReplaceContent”进行了哪些更改,以便在内容被替换后出现“再见世界”警报? 请记住,我无法提前知道 newContent 变量的值!!


使用文档.write。

<html>
  <head>
    <script language="Javascript">
      <!--
      var newContent='<html><head><script language="Javascript">function Hi() {alert("Goodbye World");}</script></head><body onload="Hi();">New Content</body></html>';
      function ReplaceContent(NC) {
        document.open();
        document.write(NC);
        document.close();
      }
      function Hi() {
        ReplaceContent(newContent);
      }
      -->
    </script>
  </head>
  <body>
    Original Content
    <a href="javascript:Hi()">Replace</a>
  </body>
</html>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

使用 Javascript 替换整个页面(包括头部) 的相关文章

随机推荐