0

好的，我的查询是，如何在 Javascript 中转义引号？我正在尝试使用下面的代码来提醒该消息。我知道它不起作用，因为它在函数调用中包含双引号中的字符串onClick并且它给出了语法错误。我如何使它工作？我的条件是我不能在函数调用中使用单引号作为参数。

    <html>
    <head>
    <script type="text/javascript">
    function litString(vals)
    {
    alert(vals);
    }
    </script>
    </head>
    <body>

    <?php echo "Just for a Test<br/>"; ?>

    <a href="#" onClick="litString("test one")"><h2>JS String Literal</h2></a>
    </body>
    </html>

更新：

我的实际意图是使以下 PHP+JS 代码组合工作：

 echo '<li><a href="#" title="'.$res_bb['eng'].'" onClick=loadChap('.$res_bb['id'].','.$res_bb['chapters'].',"'.$res_bb['mal'].'")><font size="2">'.$res_bb['mal'].'</font></a></li>';
4

4 回答 4

6

你用反斜杠转义引号\。

<a href="#" onClick="litString(\"test one\")"><h2>JS String Literal</h2></a>

或者您可以使用单引号：

<a href="#" onClick="litString('test one')"><h2>JS String Literal</h2></a>

或者您可以在属性周围使用单引号，并在内部使用双引号：

<a href="#" onClick='litString("test one")'><h2>JS String Literal</h2></a>

如果您正在回显字符串，它会变得有点棘手，因为您还必须处理 PHP 的引用。在这里，我通过转义单引号来生成上面的第二个版本。

echo '<li><a href="#" title="'.$res_bb['eng'].'" onClick="loadChap('.$res_bb['id'].','.$res_bb['chapters'].',\''.$res_bb['mal'].'\')"><font size="2">'.$res_bb['mal'].'</font></a></li>';

我刚刚用输入测试了这个：

$res_bb = array('eng'=> "Title", 'id'=> 10, 'chapters'=> 13, 'mal'=> "Foo bar");

输出是：

<li><a href="#" title="Title" onClick="loadChap(10,13,'Foo bar')"><font size="2">Foo bar</font></a></li>
于 2013-04-14T05:59:29.527 回答
3

我建议使用addEventListener和data-*属性来获得更清洁的方法：

<a href="#" id="someButton" data-litString="test one">...

<script>
  var link = document.getElementById('someButton');

  link.addEventListener('click', function () {
    var vals = this.getAttribute('data-litString');
    alert(vals);
  });
</script>
于 2013-04-14T06:03:21.577 回答
0

对 HTML 属性使用单引号：

onClick='litString("test one")'

但这并不是真正的解决方案。您需要以某种方式转义那些双引号。

于 2013-04-14T05:59:17.423 回答
0

也许走这条路更好...

<li><a href="#" title="<?php echo $res_bb['eng']; ?>" onClick=loadChap("<?php echo $res_bb['id']; ?>", "<?php echo $res_bb['chapters']; ?>"," <?php echo $res_bb['mal']; ?>")><font size="2"><?php echo $res_bb['mal']; ?></font></a></li>
于 2013-04-14T06:06:54.797 回答