三重行情？ 如何在 ASP.NET 中分隔数据绑定 Javascript 字符串参数？

Question

如何在锚点OnClick事件中分隔 Javascript 数据绑定字符串参数？

• 我在 ASP.NET Repeater 控件中有一个锚标记。
• 锚点的OnClick事件包含对 Javascript 函数的调用。
• Javascript 函数采用一个字符串作为其输入参数。
• 字符串参数由来自中继器的数据绑定值填充。

我需要Container.DataItem的“双引号”。
我需要OnClick的“单引号”。

而且我还需要一个分隔符（三引号？）作为 Javascript 函数调用的输入字符串参数。

由于我不能再次使用“单引号”，我如何确保 Javascript 函数知道输入参数是字符串而不是整数？

如果输入字符串参数周围没有额外的引号，Javascript 函数认为我正在传递一个整数。

锚：

<a id="aShowHide" onclick='ToggleDisplay(<%# DataBinder.Eval(Container.DataItem, "JobCode") %>);' >Show/Hide</a>    

还有我的Javascript：

<script language="JavaScript" type="text/javascript">
/* Shows/Hides the Jobs Div */
function ToggleDisplay(jobCode)
{
    /* Each div has its ID set dynamically ('d' plus the JobCode) */
    var elem = document.getElementById('d' + jobCode);

    if (elem) 
    {
        if (elem.style.display != 'block') 
        {
            elem.style.display = 'block';
            elem.style.visibility = 'visible';
        } 
        else
        {
            elem.style.display = 'none';
            elem.style.visibility = 'hidden';
        }
    }
}
</script>

Answer 1

我最近遇到了类似的问题，解决它的唯一方法是对单引号（ " ' ）和双引号（ " ）使用普通的旧 HTML 代码。

源代码当然是一团糟，但它有效。

尝试

<a id="aShowHide" onclick='ToggleDisplay(&#34;<%# DataBinder.Eval(Container.DataItem, "JobCode") %>&#34;);'>Show/Hide</a>

要么

<a id="aShowHide" onclick='ToggleDisplay(&#39;<%# DataBinder.Eval(Container.DataItem, "JobCode") %>&#39;);'>Show/Hide</a>

Answer 2

onclick='javascript:ToggleDisplay("<%# DataBinder.Eval(Container.DataItem, "JobCode")%> "); '

像上面一样使用。

Answer 3

如果输入字符串参数周围没有额外的引号，Javascript 函数认为我正在传递一个整数。

你能做一些基本的字符串函数来强制 JavaScript 将其转换为字符串吗？ 像

value = value + ""

Answer 4

尝试将额外的文本放入服务器端脚本块并进行连接。

onclick='<%# "ToggleDisplay(""" &  DataBinder.Eval(Container.DataItem, "JobCode") & """);" %>'

编辑：我很确定你也可以在脚本块外使用双引号。

Answer 5

将变量传递给没有单引号或双引号的函数

<html>
    <head>
    </head>
    <body>
        <script language="javascript">
        function hello(id, bu)
        {
            alert(id+ bu);
        }
        </script>
        <a href ="javascript:
            var x = &#34;12&#34;;
            var y = &#34;fmo&#34;;
            hello(x,y)">test</a>
    </body>
</html>