Django：将包含脚本标签的模板包含到另一个脚本标签中

Question

我想包含一个 html 文件，其中包含如下脚本标记：
<script>$('#page-content').html('{% include "title.html" %}');</script>

title.html:
<script>document.title = "Hello World!"</script><p>Hello World!</p>

结果：
<script>$('#page-content').html('<script>document.title = "Hello World!"</script><p>Hello World!</p>');</script>

可悲的是，由于多组脚本标签，浏览器无法正确执行它，我不太确定如何最好地解决它

Answer 1

嗯，只是 $.html 不会执行附加的脚本，而是普通的 javascript can.

// const content = `{% include 'title.html' %}`;
const content = `<script>alert("foo")</script>`;
const target = document.getElementById('page-content');

const range = document.createRange();
range.selectNode(target);
const fragment = range.createContextualFragment(content);
target.appendChild(fragment);  // Here script is executed, "foo" pops up

Django：将包含脚本标签的模板包含到另一个脚本标签中

Django: Include a template containing a script tag into another script tag

javascript

django