JS函数传递字符串参数问题-符号转义

最新推荐文章于 2024-12-03 17:07:03 发布

原创最新推荐文章于 2024-12-03 17:07:03 发布 · 1.5k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#js

收录于

JavaScript 专栏收录该内容

5 篇文章

订阅专栏

本文详细探讨了在JavaScript中如何正确地将字符串和整数作为参数传递给函数，特别是在HTML中使用JavaScript的情况。通过实际代码示例，展示了不同场景下参数的正确处理方式，包括引号的使用和转义字符的重要性。

<!-- JS -->
<!-- 函数传递字符串参数，如果没有转义处理，在接收的时候无法正确的接收字符串 -->
<!-- 在双引号内 -->
<a href="javascript:orderDetails(\''+orderId+'\')">查看详情</a>
<a href="javascript:void(0)" onclick="orderDetails(\''+orderId+'\')">查看详情</a>
<!-- 在单引号内 -->
<a href='javascript:orderDetails(\""+orderId+"\",\""+orderName+"\")'>查看详情</a>
<a href='javascript:void(0)' onclick='orderDetails(\""+orderId+"\",\""+orderName+"\")'>查看详情</a>

<!-- 如果参数为int类型，则不需要加引号和转义。-->
<a href="javascript:orderDetails('+sp_id+','+cnt+')">查看详情</a>
<a onclick="orderDetails('+sp_id+','+cnt+')">查看详情</a>

<!-- 方式一 name 非纯数字时，有问题，方式二可以解决此问题 -->
var name = ret[index].name;
<!-- 方式一 -->
strHtml+= '<tr id=' + ret[index].name + ' οnclick="showDetail(' + name + ')">';
<!-- 方式二 -->
strHtml+= '<tr id=' + ret[index].name + ' οnclick="showDetail(\''+name+'\')">';