关于a标签中js函数function(va1,va2)方法传递中文参数报错不执行的问题解答
2015-01-28 21:47
796 查看
今天在做网站的过程中,遇到了一个问题,在此和大家分享一下。
在a标签里加入onclick事件时,如果函数里包含中文,那么事件会报错不执行。
例如:
var d=1,var c=‘张三’
function show(var1,var2)
{
alert(0);
}
执行show(d,c);可以正常执行,但是如果放在a标签里
<a href="javascript:void(0);" onclick=show(‘+d+’,‘+c+’)>显示</a>
点击a标签函数不执行。这里需要将以上改为
<a href="javascript:void(0);" onclick=show(‘+d+’,\'‘+c+'\’)>显示</a>
则可正常执行
再次遇到问题,与之相似,就归为一篇了,在拼接按钮事件时需要注意的是
var str=" <a href=\"javascript:void(0);\" onclick=\"show(\"+d+\",\"+c+\")\">显示</a>"
这样拼接会导致click事件失效,因为转义后,加载到dom就变为了
<a href="javascript:void(0);" onclick="show("d","c")">显示</a>"
这样click事件就应为四个双引号而变成了几部分,正确的写法应为:
var str=" <a href=\"javascript:void(0);\" onclick=\"show('"+d+"','"+c+"')\">显示</a>"
var str=' <a href=\"javascript:void(0);\" onclick=\'show(\"'+d+'\",\"'+c+'\")\'>显示</a>'
组合的方法还有,就不列举了,只要满足加载到dom后,onclick的事件外围如果是单引号,则函数参数转义后必须为双引号,反之相反即可
相关文章推荐
- 关于spring mvc的get方法传递中文参数时乱码问题(@RequestParam)
- 关于在Js中使用ThinkPHP的U方法传递参数的问题
- 关于js函数传入中文字符串参数的取值问题
- 关于js中字符串replace方法的第二参数为function时,参数的顺序问题分析
- 关于js函数的参数传递问题
- 关于js 构造 onclick 方法中传递Guid参数问题
- 关于上个Flex-Jsp-DB例子中Flex和Jsp传递中文参数问题的解决方法!(Tomcat服务器)
- JS学习笔记(五):关于$(function(){});里面的函数不执行问题
- 关于jsp中标签传递中文参数的问题
- 用ajax传递参数时遇到中文乱码问题的解决方法
- birt关于在url传递中文参数的解决方法
- JSP传递中文参数乱码问题的解决方法
- js传递中文参数的url到asp(jscript)解释得到的中文参数为乱码的解决方法
- JSP、AJax中文乱码问题解决,escape(), encodeURI(), encodeURIComponent(),js对参数连续两次调用 encodeURI(String) 方法
- 关于C#函数对象参数传递的问题
- 关于C#函数对象参数传递的问题
- 关于C#函数对象参数传递的问题
- Flex-Jsp 中Flex和Jsp传递中文参数问题的解决方法!(Tomcat服务器)
- JS与Struts1参数传递获取中文乱码问题
- 关于C#函数对象参数传递的问题