如何在父html文件的div内显示另一个html中显示的内容

Posted 2023-02-24

【中文标题】如何在父html文件的div内显示另一个html中显示的内容

【英文标题】：how to display the contents displayed in another html inside a div of the parent html file

【发布时间】：2021-10-17 20:21:18

【问题描述】：

以下代码显示，当单击锚标记时，将检索与该特定标题相关的内容并显示在另一个 html 页面名称 doc1.html 中。 将其重定向到此文件中存在的下一页的链接。 judge_civil.html 文件

<div class="container-middle">
  <div id="limitations" class="tabcontent">
    % for data in law_data % % if data.law_type == 'civil' and
    data.law_category == 'limitations' %
    <div class="tab">
      <!--<button class="tablinks" onclick="openLawtype(event,'title')">data.title &nbsp<i class="fas fa-chevron-circle-right"></i></button>-->
      <a href="% url 'doc1' data.pk %" target="_blank">data.title</a
      ><br /><br />
    </div>

    % endif % % endfor %
  </div>
</div>

点击链接时，与 data.title 关联的内容将打开并使用我传递的主键动态显示在新的 html 文件中。 doc1.html 中的代码如下

<p> object.judgements|safe</p>

但现在我想在下面的judge_civil.html中显示doc1.html中显示的内容：

<div class="container-right"></div>

我认为这只能通过 javascript 来完成。我根本不懂 javascript，所以如果你能给我提供这个任务的代码，那将非常有帮助。

如果需要，我还提供模型和 viwes 和 urls 代码：

models.py

class Laws(models.Model):
    date= models.DateField(default=timezone.now)
    title= models.CharField(max_length=225, help_text="judgement title")
    judgements= RichTextField(blank=True, null= True)
    law_type= models.CharField(max_length=40, choices= type_of_law)
    law_category= models.CharField(max_length=60, choices= category)

    def __str__(self):
        return self.title

views.py

def judge_civil(request):
    law_data= Laws.objects.all().order_by('-date')

    return render(request, 'judge_civil.html', 'law_data': law_data )


class Doc1DetailView(DetailView):
    model= Laws
    template_name = 'doc1.html'

urls.py

urlpatterns= [
        path('judge_civil',views.judge_civil, name='judge_civil'),
        path('doc1/<int:pk>/', Doc1DetailView.as_view(), name='doc1' ),
]

正如我之前所说，我根本不了解 JavaScript，因此如果您编写 JavaScript 代码完全符合我为实现这一目标所做的工作，我们将不胜感激。我附上了一张图片，可以让您更清楚地了解我想要做什么。

谢谢。

【参考方案1】：

您可以在 URL 中找到它的路径，因此当将文件发送到 judge_civil.html 文件 时，只需调用 window.location.href 它将返回当前 URL 并将数据传递给它

【讨论】：

我不明白。你能详细说明一下吗

data.title

所以在名为 window.location.href 的新文件中，然后拆分路径到该 URL 的内容

这将在一个新的空白选项卡右侧打开。我想要 中 object.judgement|safe 的内容

所以在这个文件中你可以调用 var last = window.location.href.substring(window.location.href.lastIndexOf("/") + 1, window.location.href .length) ; $('.container-right').html(last)