js如何将一个body标签的内容post到另一个页面显示出来而

当前位置：点晴教程→知识管理交流 →『技术文档交流』

liguoquan

2023年12月12日 17:36 本文热度 494

：js如何将一个body标签的内容post到另一个页面显示出来而

以下是一个简单的示例代码，演示如何使用Javascript将一个body标签的内容post到另一个页面并显示出来：

```html

<!DOCTYPE html>

<html>

<head>

<title>Post Body Content</title>

</head>

<body>

<h1>Post Body Content</h1>

<p>This is the content that will be posted to the other page.</p>

<button onclick="postBodyContent()">Post Content</button>

function postBodyContent() {

var bodyContent = document.body.innerHTML;

var form = document.createElement('form');

form.method = 'POST';

form.action = 'display.html';

var input = document.createElement('input');

input.type = 'hidden';

input.name = 'bodyContent';

input.value = bodyContent;

form.appendChild(input);

document.body.appendChild(form);

form.submit();

}

</script>

</body>

</html>

```

```html

<!DOCTYPE html>

<html>

<head>

<title>Display Body Content</title>

</head>

<body>

<h1>Display Body Content</h1>

window.onload = function() {

var urlParams = new URLSearchParams(window.location.search);

var bodyContent = urlParams.get('bodyContent');

document.getElementById('displayContent').innerHTML = bodyContent;

}

</script>

</body>

</html>

```

在这个示例中，当用户点击按钮时，Javascript会捕获当前页面的body内容，并将其作为隐藏输入字段的值，然后将这个表单提交到另一个页面（display.html）。在display.html页面加载时，Javascript会从URL参数中获取bodyContent的值，并将其显示在页面上。这样就可以实现将一个body标签的内容post到另一个页面并显示出来的功能。

该文章在 2023/12/12 17:39:35 编辑过

关键字查询

正在查询...

点晴ERP是一款针对中小制造业的专业生产管理软件系统,系统成熟度和易用性得到了国内大量中小企业的青睐。

点晴PMS码头管理系统主要针对港口码头集装箱与散货日常运作、调度、堆场、车队、财务费用、相关报表等业务管理，结合码头的业务特点，围绕调度、堆场作业而开发的。集技术的先进性、管理的有效性于一体，是物流码头及其他港口类企业的高效ERP管理信息系统。

点晴WMS仓储管理系统提供了货物产品管理,销售管理,采购管理,仓储管理,仓库管理,保质期管理,货位管理,库位管理,生产管理,WMS管理系统,标签打印,条形码,二维码管理,批号管理软件。

点晴免费OA是一款软件和通用服务都免费，不限功能、不限时间、不限用户的免费OA协同办公管理系统。