Django调用document.write插入带static标签的img时引号不足如何解决

问题根源 #

你遇到的是三层引号嵌套冲突：最外层是JavaScript字符串界定符、中间层是HTML img标签的src属性引号、最内层是Django static模板标签的参数引号。你之前的写法错误是因为String()参数直接传入了未用引号包裹的HTML标签，属于JS语法错误，自然无法生效。

可行解决方案 #

方案1：使用ES6模板字符串（最推荐，无需转义） #

用JavaScript的反引号 作为最外层字符串界定符，和内层的双引号、单引号完全不冲突：

popup.document.write(`<img src="{% static 'pd.jpg' %}" />`)

模板渲染后会自动生成合法的JS代码，浏览器可正常解析。

方案2：转义内层双引号（兼容低版本ES环境） #

如果你的运行环境不支持ES6语法，可以给HTML属性的双引号加反斜杠\转义，避免提前截断JS字符串：

popup.document.write("<img src=\"{% static 'pd.jpg' %}\" />")

内容的提问来源于stack exchange，提问作者rivercity