后台返回html完整源代码，前端打开新页面展示

最新推荐文章于 2024-04-04 12:35:35 发布

大秦白起

最新推荐文章于 2024-04-04 12:35:35 发布

阅读量3.1k

点赞数

分类专栏： html 前端 js 文章标签：前端 html javascript

本文链接：https://blog.csdn.net/qq_41377857/article/details/128471878

版权

前端同时被 3 个专栏收录

26 篇文章 0 订阅

订阅专栏

13 篇文章 0 订阅

订阅专栏

html

6 篇文章 0 订阅

订阅专栏

新建两个aaa.html 、bbb.html 文件

aaa.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <title>处理中...</title>
</head>
<body>
<script type="text/javascript">
  let htmlJson = {
    transAssembledUrl: "html完整源代码", // 所有html代码
  }
  localStorage.removeItem('callbackHTML');
  localStorage.setItem('callbackHTML',htmlJson.transAssembledUrl);
  window.location.href = window.location.href.split('/aaa')[0] + '/bbb.html';
</script>
</body>
</html>

bbb.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <title>html源代码页面</title>
</head>
<body>
<script type="text/javascript">
let htmlJson = localStorage.getItem('callbackHTML')
console.log(htmlUnescape(htmlJson))
// 返回的完整html源代码可能会已经转义，现在再转回去，如接受的是为转义的，可注释
function htmlUnescape(html) {
  return html.replace(/&lt;|&gt;|&quot;|&amp;/g, match => {
    switch(match) {
      case '&lt;':
        return '<';
      case '&gt;':
        return '>';
      case '&quot;':
        return '"';
      case '&amp;':
        return '&';
    }
  })
}
document.write(htmlUnescape(htmlJson));
document.close();
</script>
</body>
</html>