Question

我已经对SO进行了解答，它们与此不同。他们中的大多数人都在谈论动态更新页面或创建新的HTMl元素。在我的问题中，我正在寻找一种方法来从HTML页面获取数据，然后使用该页面中的数据在同一目录中创建一个新的HTML页面。

单击“提交”按钮后，JS代码将执行上述操作。

我遇到的问题是，我想要一个空白（不包含任何数据）的蓝图/模板HTML文件，而使用JS接收的数据将包含在其中。如果我实际上是用document.write()用JS编写代码，然后在其中编写HTML模板。该代码将变得非常难看。有什么办法可以适当地做到这一点吗？就像我们可以在本地拥有一个被视为模板的文件一样？

将此作为示例模板。

<html>
<head>
<title>Sample Template Page</title>
</head>
<body>

DATA RECEIVED WOULD GO HERE.

</body>
</html>

到目前为止，我已经编写了代码。

<html>
<head>
    <title>Save Page</title>
</head>
<body>
<form>
    <input type="text" id=sampleData>
    <input type="text" id="sampleData2">
    <button onclick="save()">Submit</button>
</form>
<script>
    var sampleData = document.getElementById('sampleData')
    var sampleData2 = document.getElementById('sampleData2')
</script>
</body>
</html>

编辑：我忘了提到一些重要的事情，我只会在本地系统上而不是在实际服务器上运行此文件。

如何从HTML页面动态获取数据，然后使用该数据创建新的HTML页面

0 个答案: