django 将内容从文件中的html标记复制到另一个html文件中的标记

iqjalb3h  于 2023-02-06  发布在  Go
关注(0)|答案(1)|浏览(146)

在Django中,我需要一个HTML标签的内容出现在另一个模板中。使用代码JS:

<script>
  var source = document.getElementById("teste").innerHTML;
  document.getElementById("texto").innerHTML = source;
</script>

<div id="teste">context</div>
<div id="texto"></div>

它甚至可以在同一个模板中工作,但是如果目标标签在另一个模板中,它就不能工作。
你知道吗?

tf7tbtn2

tf7tbtn21#

它不会工作,因为JavaScript不能将数据持久化到另一个文件。
当用户访问/home时,您的HTML和JS只针对该路由发送到客户端,因此路由/about无法看到路由/home上的内容,您没有说明是否从服务器检索此数据。所以我假设它不是,让我们看看使用本地存储存储数据和跨路由访问的简单方法(如果用户从另一台计算机访问您的网站,他们将无法访问数据。最好不要存储敏感信息,并且不超过5 MB)。
/home route

<h1>Home</h1>
<script>
  localStorage.setItem("name", "Jhon")
</script>

/about route

<h1>About</h1>
<p id="name"></p>
<script>
  const nameElement = document.getElementById("name");

  nameElement.textContent = localStorage.getItem("name")
</script>

只有当你想要/不需要在服务器上保存数据时才需要这样做,否则你需要在渲染模板时发送数据。

相关问题