php/html - 三重嵌套引号

Question

我知道在 Stack Overflow 上已经多次询问过类似的问题，但我在 html/php 中遇到了三重嵌套引号问题。我查看了许多问题，但我找到的解决方案都没有为我工作。这是我正在尝试做的事情（可以在 php 文件中找到）：

                    echo"<div id = 'feed-element'>
                    <button class='username-button' type='button'>@".$currentUsername."</button>
                    <button class='hashtag-one-button' type='button'>".$hashtag_one."</button>
                    <button class='hashtag-two-button' type='button'>".$hashtag_two."</button>
                    <button class='play-button' id='play-button".$i."' type='button' onclick='changeImage(this.id,\'".$track_url."\')'></button>
                    <button class='email-button' type='button'>Contact: ".$email."</button>
                </div>";

导致我出现问题的具体行是倒数第三行：

<button class='play-button' id='play-button".$i."' type='button' onclick='changeImage(this.id,\'".$track_url."\')'></button>

无论如何，当我运行此代码时，我会收到 Uncaught Syntax: invalid or unexpected token 错误。我做错了什么？

Answer 1

你们都疯了。只需结束 php 块并编写任何内容然后重新启动它。

---

示例

我想动态创建 3 个不同的 div 元素，每个元素都有两个参数：$ID 和 $TEXT，它们分别代表 dom 元素 ID 和 innerHTML。

现在让它变得非常复杂，我想将这些元素动态插入到一个 Javascript 函数中，以便在我调用 JS 函数时加载它们。

操作方法如下：您只需结束 PHP 标记，然后输入您想要的内容，就好像 PHP 标记从不存在一样，它会像在 PHP 中指定一样对其进行解析，而无需转义任何内容

<?php

   /* define regular function to generate dynamic element with PHP */
   function create_my_div($ID, $TEXT) {

  /* end the PHP tag and start just regularly entering code 
 ?>

    <div id='<?=$ID;?>'>
      <?php print_r(htmlspecialchars($TEXT)); ?>
    </div>

   <?php
   /* we started up the PHP tag again, followed by a } to end the function
}

?>

现在，只要我们用 PHP 调用 create_my_div("someID", "some text");，它就会创建我们的 DIV 元素。

假设我们想在服务器端填充 javascript 函数的 DIV 元素并将它们放入 Javascript 函数 create_my_divs()

我们首先需要有一种方法来确保我们的 DIV 元素被正确转义，如其他答案中所述，这可以通过以下 PHP 代码完成：

<?php

function escapeJavaScriptText($string)
{
    return str_replace("\n", '\n', str_replace('"', '\"', addcslashes(str_replace("\r", '', (string)$string), "\0..\37'\\")));
}

?>

最后，我们要做的就是在我们的网页上：

<script type="text/javascript">

/* target element is where the DIVS will be created in */

function create_my_divs(target_element) {
    target_element.innerHTML += "<?=escapeJavascriptText(create_my_div("DIV1", "THIS IS DIV1"));?>";
    target_element.innerHTML += "<?=escapeJavascriptText(create_my_div("DIV2", "THIS IS DIV2"));?>";
    target_element.innerHTML += "<?=escapeJavascriptText(create_my_div("DIV3", "THIS IS DIV3"));?>";


}
</script>

此方法将允许您包含 javascript 代码或其他任何内容，而无需担心三重嵌套

---

这是此方法的另一个用例：

动态添加Javascript代码：

<?php  
function loop_start($varName) {
   ?>  
   for (var i=0; i<<?php print_r($varName);?>.length; i++) {

   <?php
}

?>

现在您的 Javascript 代码可能如下所示：

<script>
  <?php 
     loop_start("myArray");
     ?>
        console.log(myArray[i]);
     }
</script>

这将导致呈现以下内容：

<script>
  for (var i=0; i<myArray.length; i++) {
        console.log(myArray[i]);
     }
</script>

---

结论

不要再担心尝试三次转义或两次转义，甚至根本无法逃脱。

使用此答案中概述的技巧，您可以避免一起逃跑。

（如果你愿意，请避开混乱）

Answer 2

为什么不使用 php heredoc 并跳过转义引号的麻烦？即：

echo <<< EOF
<div id = 'feed-element'>
    <button class='username-button' type='button'>@{$currentUsername}</button>
    <button class='hashtag-one-button' type='button'>{$hashtag_one}</button>
    <button class='hashtag-two-button' type='button'>{$hashtag_two}</button>
    <button class='play-button' id='play-button{$i}' type='button' onclick='changeImage(this.id,{$track_url})'></button>
    <button class='email-button' type='button'>Contact: {$email}</button>
</div>
EOF;

---

注意：
花括号是可选的，但可能有助于代码的可读性。

Answer 3

对于你的错误代码，你需要转义双引号，而不是单引号：

<button class='play-button' id='play-button".$i."' type='button' onclick='changeImage(this.id,\"".$track_url."\")'></button>

因为您使用的是双引号，所以不需要连接。只需插入变量即可！

echo"<div id='feed-element'>
      <button class='username-button' type='button'>@$currentUsername</button>
      <button class='hashtag-one-button' type='button'>$hashtag_one</button>
      <button class='hashtag-two-button' type='button'>$hashtag_two</button>
      <button class='play-button' id='play-button$i' type='button' onclick='changeImage(this.id,\' $track_url\ ')'></button>
      <button class='email-button' type='button'>Contact: $email</button>
  </div>";

Answer 4

为了在一行代码中使用多种类型的引号，请使用 . 示例：

echo 'It\'s me, hey';

Answer 5

要在 PHP/HTML 中的任何级别使用引号，请使用 forst 级别作为单引号或双引号。之后，您有两个选择。 1. 使用双引号 2. 在单引号前使用反斜杠。例如，echo "This is 'In quotes'"; 或 echo "This is \"In quotes\"";