我想在 JavaScript 中显示 php 代码简码，我该怎么做？

Question

这是我的代码在此处输入图像描述

 <script> let myDiv = document.createElement("div"); myDiv.classList.add('test'); let my_var = `<?php echo do_shortcode("[elementor-template id="5078"]"); ?>`; myDiv.innerHTML = my_var; document.querySelector("#instagram").appendChild(myDiv); </script>

Answer 1

实际上，不可能这样做，因为脚本在客户端被触发，而 PHP 解释器在服务器端工作。 If you are sure that you need to use JS to render some PHP code, I'd suggest sending a request using wp_ajax https://codex.wordpress.org/AJAX_in_Plugins to send a request on a server, and then the server can return您想要的任何 PHP 代码结果。 不要忘记短代码可能会使用不会作为响应发送的其他资产。

最好的方法是在内容或 PHP 模板中以本机形式使用简码。 尤其是 elementor 模板，您可以轻松地为网站的不同位置创建模板部分。

Answer 2

这是一个外壳问题：
您在 php 中使用了嵌套双引号 - 导致回声中断。

如果你的<script>标签在你的模板 php 中（所以你的 php 短代码可以被解析）试试这个（用单引号替换短代码双引号）：

<script>
    let myDiv = document.createElement("div");
    myDiv.classList.add('test');
    let my_var = `<?php echo do_shortcode("[elementor-template id='5078']"); ?>`;
    myDiv.innerHTML = my_var;
    document.querySelector("#instagram").appendChild(myDiv);
</script>