为javascript函数提供可能包含特殊字符的字符串参数

Supplying string parameters that may contain special characters to a javascript function

本文关键字：特殊字符 包含 字符串 参数 javascript 函数      更新时间：2024-04-02

我需要将可能包含特殊字符的字符串传递给Javascript函数，如下所示。

function setEditMode(countryName, countryCode)
{
    document.getElementById("txtCountryName").value=countryName;
    document.getElementById("txtCountryCode").value=countryCode;        
}
<input id="txtCountryName" name="txtCountryName" type="text" maxlength="50"/><br/>
<input id="txtCountryCode" name="txtCountryCode" type="text" maxlength="2"/><br/>               
<input type="button" value="Submit" id="btnEdit" name="btnEdit" onclick="setEditMode('&#039;xx&#039; &#034;yy&#034; # $', '&#034;&#039;');" />

单击按钮时，需要将包含特殊字符的字符串类型的两个参数提供给setEditMode() Javascript函数。字符串需要转义。我试过使用escape()函数，但它不起作用。有没有一种方法可以将这些参数传递给函数？（我正在处理JSP）。

[setEditMode()函数的那些参数对应于'xx' "yy" # $和"'分别]。

您在示例中显示的参数包含html实体。你想解码它们吗？Javascript中没有本地方法可以做到这一点，但您可以使用以下代码片段（需要jQuery）：

 $("<div>").html("&#034;").html();

在您的情况下：

 var countryName = $("<div>").html(countryName).html();
 var countryCode = $("<div>").html(countryCode).html();

或者使用一个通用函数：

function decodeHtmlEntities(value)
{
   return $("<div>").html(value).html();
}

和

function setEditMode(countryName, countryCode)
{
    document.getElementById("txtCountryName").value=decodeHtmlEntities(countryName);
    document.getElementById("txtCountryCode").value=decodeHtmlEntities(countryCode);        
}

或者使用此功能：http://phpjs.org/functions/html_entity_decode:424如果您不想使用jQuery创建div标记。

编辑：根据您的评论。内联脚本中"和'的实体似乎有问题。你可以通过调用这样的方法来解决它：

<input type="button" value="Submit" id="btnEdit" name="btnEdit" onclick="setEditModeWrapper()" />
<script type="text/javascript">
    function setEditModeWrapper()
    {
        setEditMode('&#039;xx&#039; &#034;yy&#034; # $', '&#034;&#039;');
    }
</script>

如果你想要这些'；以在输入字段中被解码。

或者更经典：

<input type="button" value="Submit" class="submitBtn" id="btnEdit" name="btnEdit" data-countryname="&#039;xx&#039; &#034;yy&#034; # $" data-countrycode="&#034;&#039;" />
<script tyoe="text/javascript">
$(".submitBtn").on("click", function(e)
{
    var btn = $(e.currentTarget);
    var countryName = btn.attr("data-countryname");
    var countryCode = btn.attr("data-countrycode");
    setEditMode(countryName, countryCode);
});
</script>

将脚本标记放在页面底部，它将根据其数据国家名称和数据国家代码属性处理所有提交按钮。以与在onclick处理程序中渲染数据相同的方式渲染它们。

相关文章：