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

StackOverflow https://stackoverflow.com/questions/1873

题

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

  • 我在 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>
有帮助吗？

解决方案

我最近遇到了类似的问题，解决它的唯一方法是使用普通的旧 HTML 代码来处理单个 (&#39;) 和双引号 (&#34;).

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

尝试

<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>

其他提示

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

像上面一样使用。

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

你能做一些基本的字符串函数来强制 JavaScript 将其更改为字符串吗？喜欢 

value = value + ""

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

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

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

将变量传递给函数而不使用单引号或双引号

<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>
许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top