Javascript中的問題引號callFunction（）

Question

我想知道如何保持通過callFunction（）傳遞給JavaScript函數的文本中具有單引號和雙引號的功能嗎？ 以下所有三種情況似乎都失敗了。

可以將單引號和雙引號混合使用，但是我希望能夠在文本塊中同時使用單引號和雙引號。 很好奇為什么瀏覽器在將html特殊字符傳遞給Javascript函數之前先對其進行評估。

謝謝羅賓

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>

<script type="text/javascript">

function callFunction(text){

    alert(text);

}

</script>

</head>

<body>

<!--This will not work due to &#039;-->
<a href="javascript: callFunction('Robin&#039;s Text')">Robin&#039;s Text</a> 

<br />
<br />

<!--And this will not work due to &#034;-->
<a href='javascript: callFunction("Robin&#034;s Text")'>Robin&#034;s Text</a>

<br />
<br />

<!--Trying with a slash but not working either-->
<a href='javascript: callFunction("Robin\'s Text")'>Robin's Text</a>

</body>
</html>

Answer 1

謝謝大家的建議。 有了它，我找到了一個可行的解決方案。 似乎同時使用反斜杠和HTML特殊字符將使其正常工作。 我不確定為什么兩者都需要？

<!--Using HTML Special Characters (&#039;) alone will not work-->
<a href="#" onClick="callFunction('Robin&#039;s Text')">Robin&#039;s Text</a>

<br />
<br />

<!--Using backslash (\) alone will not work-->
<a href="javascript: callFunction('Robin\"s Text')">Robin"s Text</a>

<br />
<br />

<!--But using a combination of both will work!-->
<a href="javascript: callFunction('Robin\&#034;s Text')">Robin"s Text</a>

Answer 2

假設JS函數的輸入將由機器生成，那么您應該從服務器轉義輸入，然后在客戶端取消轉義，如下所示：

HTML：

<a href="#" onclick='callFunction("Robin%27s%20Text")'>Robin's Text</a>
<br>
<a href="#" onclick='callFunction("Robin%22s%20Text")'>Robin"s Text</a>

JS：

function callFunction(text){
    alert(decodeURIComponent(text));
}

請參閱以下工作代碼：

JSFiddle

Javascript中的問題引號callFunction（）

問題描述

2 個解決方案

解決方案1
0 2014-04-22 03:53:31

解決方案2
-1 2014-04-21 05:37:06

Javascript中的問題引號callFunction（）

問題描述

2 個解決方案

解決方案1 0 2014-04-22 03:53:31

解決方案2 -1 2014-04-21 05:37:06

解決方案1
0 2014-04-22 03:53:31

解決方案2
-1 2014-04-21 05:37:06